学习jquery到子元素过滤选择器这部分,对于":nth-child()"这个选择器,发现在其前加空格和不加空格有很大区别,请问造成这种情况的原因是什么?
代码如下:
有空格情况:$('div.one :nth-child(2)').css('background','darkgoldenrod');
无空格情况:$('div.one:nth-child(2)').css('background','darkgoldenrod');
什么区别呢,怎么用呢。
有空格是nth-child针对div.one的子元素,没有则是针对div.one
无空格情况:$('div.one:nth-child(2)')
1、div的class是one
2、div有父元素
3、在父元素中是第二个节点
有空格情况:$('div.one :nth-child(2)')
1、div的class是one
2、查找该div节点下的第二个子节点