选择器 context 是由 .find() 方法实现的;因此,$('.item-ii').find('li') 等价于 $('li', '.item-ii')????? 那我想 $('li', '.item-ii')是否等同于$('.item-ii li')

来源:6-2 jQuery遍历之find()方法

淡水狗

2017-06-15 14:37

选择器 context 是由 .find() 方法实现的;因此,$('.item-ii').find('li') 等价于 $('li', '.item-ii')


那我是否可以这么写 $('.item-ii li') ??

写回答 关注

3回答

  • MrThinco
    2018-11-28 14:11:37

    Jquery选择器之间用逗号(,)隔开,注意引号,有两种情况:

    1. 群组选择器:如:$("selector1,selector2"),表示选择这两个选择器匹配到的元素,然后求合集。

    2. 相对选择器:如:$("selector1","selector2"),表示前一个选择器是在后一个选择器范围内去再次筛选,举例如下:

    <ul class="item-li">

       <li>A</li>

       <li>B</li>

    </ul>

    <ul class="item">

       <li>C</li>

       <li>D</li>

    </ul>

    <script src="./jquery/1.9.1/jquery.min.js"></script>

    <script>

    $(function(){

       console.log($("li",".item-li").text());//返回 AA

       console.log($("li").text());//选中全部的 ABCD

    })

    </script>

    教程中的,情况就是使用的相对选择器。所以li是选择的class为“item-li”下面的li。所以结论:

    选择器 context 是由 .find() 方法实现的;因此,$('.item-ii').find('li') 等价于 $('li', '.item-ii')


    绅先生

    console.log($("li",".item-li").text());//返回 AA 返回的不应该是AB吗

    2018-12-04 07:43:49

    共 1 条回复 >

  • 小白脸专业户
    2017-06-30 15:28:37

    同问此问题!!学到这里,真的有点晕了。

  • qq_爱情让每个人都心碎_0
    2017-06-15 14:52:27

    可以!

jQuery基础(二)—DOM篇

jQuery第二阶段开启DOM修炼,了解创建、插入、删除与替换

114012 学习 · 590 问题

查看课程

相似问题