jquery与js对象的转换

<!DOCTTPE html>
<html>
  <head></head>
  <body>
     <div id="test">
	   <input class="child1">
	   <input class="child2">
	   <input class="child3">
	   <input class="child4">		   
	 </div>
  </body>
</html>
<script src="jquery-1.4.4.min.js"></script>
<script>
  var myInputLen = $("#test")[0].children.length;
  console.log("jquery",$("#test")[0])
   console.log("111",$("#test"))
    console.log("js",document.getElementById('test'))
 
  console.log("666",document.querySelectorAll('input'))
   console.log("777",$("div input"))
    console.log("888",$("#test input"))
   
</script>

打印结果:


显然,$("id")[0]的形式是将jquery对象转化为了可操作的javascript对象。

而javascript对象只需$(document.getElementById("id"))即可转化为jquery对象。

猜你喜欢

转载自blog.csdn.net/dk2290/article/details/79462724
今日推荐