这种写法会有问题吗?也能达到效果,但是与答案中相差不小

来源:2-16 综合案例

慕粉1471765255

2017-04-26 19:15

<script type="text/javascript">

    //找到男装下第一类衣服中的第一个p元素,并改变颜色

    //可以通过子类选择器  p:first-child 筛选出第一个p元素

    $("#menu_con .tag p:first").css('color','#9932CC');

</script>


<script type="text/javascript">

    //找到男装下第一类衣服把a元素从顺序1-4加上颜色

    //可以通过基本筛选器lt,选择匹配集合中所有索引值小于给定index参数的元素

    //注意了index是从0开始计算,所以选在1-4,为对应的index就是4

   $("#menu_con .tag a:lt(4)").css('color','red');

</script>


<script type="text/javascript">

    //找到男装所有a元素中属性名name="setColor"的元素,并设置颜色

    //这里用的属性选择器[attribute='value']选择指定属性是给定值的元素

   $("#menu_con a[name=setColor]").css('color','blue');

</script>


<script type="text/javascript">

    //不分男女,选中第一类衣服中第9个a元素,并改变颜色

    //这里用了nth-child 选择的他们所有父元素的第n个子元素

    $(".tag a:nth-child(10)").css('color','#66CD00');

</script>


<script type="text/javascript">

    //找到女装下第一类衣服,把a元素中包含文字"更多"的节点,改变颜色

    $("#menu_female .tag a:contains(更多)").css('color','#C71585');

</script>


写回答 关注

4回答

  • 慕移动9181930
    2022-03-28 17:41:06

    这门课程主要面向的是初学者,就是讲android基础,针对开发者后续会推出案例型课程

    jrlggbeeobbmzszocxamjghvhvqlaysswpeyxd

  • qq_羽之翼_0
    2017-05-03 20:46:45

    哥哥们开始偷懒了。。。。。。。我也要开始了

  • 奇谈0
    2017-04-26 21:40:27

    可以的 ,都跟我的差不多。感觉答案给出的只是让我们练个详细解题过程,我第二个更简洁:这样写 $("#menu_con a:lt(4)").css('color','red');

  • Gir_Giraffe
    2017-04-26 21:18:35

    对的啊,加油!

jQuery基础 (一)—样式篇

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

217509 学习 · 1218 问题

查看课程

相似问题