jQuery选择器“祖先后裔”和“父母>孩子”之间的区别

前端之家收集整理的这篇文章主要介绍了jQuery选择器“祖先后裔”和“父母>孩子”之间的区别前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
以下两种形式的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内.

原文链接:https://www.f2er.com/jquery/180402.html

猜你在找的jQuery相关文章