必须要在选择器里声明元素吗

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

weixin_慕慕2499132

2020-03-26 16:34

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

这行代码必须要指明元素才能运行吗?我试了

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

这样写,以为能匹配到第一个子元素div,但是没有运行成功。请问具体是什么原因呢?

写回答 关注

2回答

  • Gobbb
    2020-04-03 19:20:57

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

    解释:.first-div:first-child,返回的是相对于.first-div元素的直接父元素的首个含有‘first-div’类的元素。也就是说这个表达式匹配的是‘.first-div’元素,不能匹配到‘.first-div’下的子元素。

    Gobbb

    补充:‘.first-div:first-child’ 等同于 ‘* .first-div:first:child’

    2020-04-03 19:48:51

    共 1 条回复 >

  • 金刚无敌葫芦娃
    2020-03-27 22:20:04

    不清楚,我只知道格式应该是写成这样

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

    .first-div是通过class名字选到一个元素,可能是div,也可能是p,或者a,


    后面div:first-child,之所以要加div,也可能是因为上面通过.first-div获取到的元素有很多种子元素,比如div、p、a,这里是子元素中选择第一个div,所以要写div:first-child,


    我是这样理解的

jQuery基础 (一)—样式篇

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

217509 学习 · 1218 问题

查看课程

相似问题