问答详情
源自:2-11 jQuery选择器之子元素筛选选择器

$(".first-div a:first-child").css("color", "#CD00CD");

这个到底选择的谁 ,,选择的是a元素的第一个子元素??还是所有a元素的父级元素的第一个子元素

提问者:小菜鸟飞 2016-09-12 11:09

个回答

  • 慕田峪5928195
    2016-10-17 17:09:53

    http://img.mukewang.com/58049549000176ab05690046.jpg

    这个就很好理解了

  • jidashen
    2016-09-18 23:31:34

    $(".first-div a:first-child").css("color", "#CD00CD");

    .first-div 指定class名为.first-div 的标签元素

    a:first-child 指定a标签的父元素的子标签中的第一个标签

    举例如下:

            <div class="first-div">

                <a>:first-child</a>

                <a>第二个元素</a>

                <a>:last-child</a>

            </div>

             <div class="first-div">

                <a>:first-child</a>

            </div>

            <div class="firstdiv">

                <a>:first-child</a>

                <a>第二个元素</a>

                <a>:last-child</a>

            </div>

         .first-div 指定class名为.first-div 的标签元素 ----即指定        <div class="first-div">  </div>标签

    a:first-child  指:将会选中 父标签(  <div class="first-div">  </div>标签)下的所有子标签 里边的第一个标签

    最后结果就是   选中了带下划线的那些  标签(都是第一个)

  • qq_宁静致远_73
    2016-09-12 11:43:11

    选个class=.first_div元素中,所有a标签的第一个子元素

  • qq_CherishOO_03597820
    2016-09-12 11:41:21

    选择的是class选择器下 a元素下的第一个子元素