jQuery 中 $("body div ") 和 $("body > div") 的区别

在看《锋利的JQuery》时，层次选择器中讲到的 $("body div ") 和 $("body > div")，看图一时半会儿还没明白过来~ 百度了下，得：

原处：http://zhidao.baidu.com/question/401114873.html?seed=0

$("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") 用以匹配元素的选择器，并且它是第一个选择器的子元素（Just 儿子）

<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" /> ]