以下两种形式的jQuery选择器似乎也做同样的事情:
> $(“div> ul.posts”)
> $(“div ul.posts”)
这是选择“div”元素下的“帖子”类的所有“ul”元素.
有什么区别吗
解决方法
关于$(“div> ul.posts”),只会选择DIV的直接后代.
<div> <ul class="posts"> <!--SELECTED--> <li>List Item</li> <ul class="posts"> <!--NOT SELECTED--> <li>Sub list item</li> </ul> </ul> <fieldset> <ul class="posts"> <!--NOT SELECTED--> <li>List item</li> </ul> </fieldset> <ul class="posts"> <!--SELECTED--> <li>List item</li> </ul> </div>
而$(“div ul.posts”)将选择与条件匹配的所有后代.所以所有和任何ul.posts将被选中,无论它们的嵌套级别是什么,只要链条的某个地方,他们在一个div内.