weixin_慕慕2499132
2020-03-26 16:34
$('.first-div a:first-child').css("color", "#CD00CD");
这行代码必须要指明元素才能运行吗?我试了
$('.first-div:first-child').css("color", "#CD00CD");
这样写,以为能匹配到第一个子元素div,但是没有运行成功。请问具体是什么原因呢?
$('.first-div:first-child').css("color", "#CD00CD");
解释:.first-div:first-child,返回的是相对于.first-div元素的直接父元素的首个含有‘first-div’类的元素。也就是说这个表达式匹配的是‘.first-div’元素,不能匹配到‘.first-div’下的子元素。
不清楚,我只知道格式应该是写成这样
$('.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基础 (一)—样式篇
217509 学习 · 1218 问题
相似问题