Element.querySelector和Element.querySelectorAll和jQuery(element).find(selector)选择器的区别:

HTML:

<div id="test1"><a href="javascript:;">设计蜂巢</a></div>
<p id="bar">111</p>

 JS:

<script>
	var d1 = document.getElementById('test1'),
	obj1 = d1.querySelector('div a'),
	obj2 = d1.querySelectorAll('div a');
	obj3 = $(d1).find('div a');
	
	console.log(obj1)//<a href="javascript:;">设计蜂巢</a>
	console.log(obj2.length)//1
	console.log(obj3)//null
</script>

querySelectorAll 在文档内找全部符合选择器描述的节点包括Element本身

jQuery(element).find(selector) 在文档内找全部符合选择器描述的节点不包括Element本身

posted @ 2017-12-01 15:19  velin  阅读(1253)  评论(0编辑  收藏  举报