<!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对象。