Question

jQuery 中 $("body div ") 和 $("body > div") 有什么区别？？

Answer 1

$("body div ") 用以匹配元素的选择器，并且它是第一个选择器的后代元素
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />
jQuery 代码:

$("form input")
结果:

[ <input name="name" />, <input name="newsletter" /> ]

$("body > div") 用以匹配元素的选择器，并且它是第一个选择器的子元素
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />
jQuery 代码:

$("form > input")
结果:

[ <input name="name" /> ]

Answer 2

$("body div ")是body中所有的div标签

$("body > div")是紧为body的直接子节点的div

Answer 3

第一个是body中所有div 类似于 document.getElementsByTagName("div")
第二个是body标签紧挨着的div,相当于 document.body.childNodes

Answer 4

一样一样滴