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

来源:2-11 jQuery选择器之子元素筛选选择器

小菜鸟飞

2016-09-12 11:09

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

写回答 关注

4回答

  • 慕田峪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>标签)下的所有子标签 里边的第一个标签

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

    肖炎

    不好意思 你这个是错的吧 你把第一个a 改成span 压根不会选择 他也是a元素 父元素下的第一个元素

    2016-12-09 20:19:04

    共 3 条回复 >

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

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

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

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

jQuery基础 (一)—样式篇

jQuery初入开启样式修炼,体验万能的jQuery样式集搭建网站布局

217509 学习 · 1218 问题

查看课程

相似问题