                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

关于 $(ol :first-child)

$(ol :first-child) $(li :first-child)

既然是取父元素的第一个子元素那为什么我第一个代码过不了？

qq_Mr_9

2015-11-16

源自：jQuery基础课程 3-10

关注问题我要回答

544

操作

收起

4 回答

祯祺3362575
2016-07-01

书上的代码是这么写的：

$("ol li:first-chid"); //这么写更好理解一点

0 回复有任何疑惑可以回复我~

收起回答

UncleKeith
2016-03-14

主要是选择器的问题。

举个例子:$("div span")的意思是选择div元素里的所有span后代元素，包括子元素和孙元素

具体到这里，$("ol :first-child")意思是选择每个ol元素里的第一个子元素这个写法跟$("ol li:first-child")是一样的。

至于$("li:first-child")，如果在li的后面加上空格，就表示选择每个li元素里的第一个子元素 ,可是li里面已经没有子元素了。所以自然没有反应。再来打个比喻，如果你在第一个li，也就是"芹菜"这个文本下用<p></p>标签，即<li><p>芹菜</p></li>。那这样的$("li :first-child")就能跑了。

希望能够帮到你。

Keith.