# 以下三种写法结果一样
- document.getElementById("test")
- document.querySelector("#test");
- document.querySelectorAll("#test")[0];
# $('#id').find()和querySelector的区别
<div id="test">
<a>测试</a>
</div>
<p id="bar">111</p>
var obj = document.getElementById('test');
var obj1 = d1.querySelector('div a'),
var obj2 = d1.querySelectorAll('div a');
var obj3 = $(d1).find('div a');
console.log(obj1)//<a>测试</a>
console.log(obj2.length)//1
console.log(obj3)//null
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
总结：
- querySelectorAll 在文档内找全部符合选择器描述的节点==包括Element本身==
- jQuery(element).find(selector) 在文档内找全部符合选择器描述的节点==不包括Element本身==