1.看实例一目了然~~~~
<div id="test">
<div>
<div>a</div> <div>b</div> <div>c</div>
</div>
<div>
<div>d</div> <div>e</div>
</div>
</div>
对上面这段HTML,我们可以分别执行下面两条语句:
alert($('#test>div').length);
alert($('#test div').length);
第一条语句使用了大于号选择符,代表在#test的第一级子元素中查找div元素,在这个例子中得出的结果就是2。
第二条语句使用了空格选择符,代表在#test的所有级别的子元素中查找div元素,在这个例子中得出的结果就是7,既包括第一级子元素的2个,也包括第二级子元素的5个。
2.
空格:$('parent childchild')表示获取parent下的所有的childchild节点,所有的子孙。
大于号:$('parent>child')表示获取parent下的所有child的儿子,第一代。
加号:$('pre + nextbrother')表示获得pre节点的下一个兄弟节点,相当于next()方法
波浪号:$('pre ~ brother')表示获取pre节点的后面的所有兄弟节点,相当于nextAll()方法。