2 qq 33756795 qq_33756795 于 2016.05.04 12:55 提问

Jquery中的":nth-child()"前面有无空格的区别?

学习jquery到子元素过滤选择器这部分,对于":nth-child()"这个选择器,发现在其前加空格和不加空格有很大区别,请问造成这种情况的原因是什么?
代码如下:
有空格情况:$('div.one :nth-child(2)').css('background','darkgoldenrod');
无空格情况:$('div.one:nth-child(2)').css('background','darkgoldenrod');

3个回答

showbo
showbo   Ds   Rxr 2016.05.04 13:34

有空格是nth-child针对div.one的子元素,没有则是针对div.one

qq_33756795
qq_33756795 谢谢
一年多之前 回复
qq_33756795
qq_33756795 谢谢
一年多之前 回复
danielinbiti
danielinbiti   Ds   Rxr 2016.05.04 13:37
 无空格情况:$('div.one:nth-child(2)') 
 1、div的class是one
 2、div有父元素
 3、在父元素中是第二个节点

 有空格情况:$('div.one :nth-child(2)')
 1、div的class是one
 2、查找该div节点下的第二个子节点
qq_33756795
qq_33756795 解释的很详细,感谢
一年多之前 回复
sinat_34056695
sinat_34056695   2016.05.04 13:32

什么区别呢,怎么用呢。

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!