jquery选择器 大于号 空格 区别 详解

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()方法。