Question

jQuery的层次选择器问题

$（‘body > div’） 这的子元素困扰了我好久，我自己做的测试body有大DIV，大DIV里面有小DIV。用.css("background","#ccc")附加颜色，只有大DIV有效果。但是我在锋利的jQuery书上的例子却是大DIV里的小DIV加了颜色。清人解释下这个子元素到时是怎么看的

Answer 1

$（‘body > div’）
获取到body下的第一层的div，就是你所谓的大DIV.
这个时候你给它设置背景色，那么它的背景色就是#ccc
。如果大DIV中的小div没有设置自己的背景色，小div也会应用到这个背景色#ccc

Answer 2

jQuery的选择器：parent > child 只能够选择parent的直接子元素，即表示从parent往下一层去找对应的child
API描述为：在给定的父元素下匹配所有的子元素。

但是如果通过find来过滤，则可以找到当前元素的所有指定下级元素，这个不区分层次。

Answer 3

>代表的意思是直属子元素，只搜索子元素,再往里就不管了