Question

jquery :nth-child()选择器用法,有关一个空格，小白求教？

最主要的是一个空格问题。首先一个div嵌套，(省略CSS)，<div class="one" id="one">id为one,class为one的div<div class="mini">class为mini</div></div><div class="one" id="two" title="test">id为two,class为one,title为test的div<div class="mini" title="other">class为mini,title为other</div><div class="mini" title="test">class为mini,title为test</div></div><div class="one"><div class="mini">class为mini</div><div class="mini">class为mini</div><div class="mini">class为mini</div><div class="mini"></div></div><div class="one"><div class="mini">class为mini</div><div class="mini">class为mini</div><div class="mini">class为mini</div><div class="mini" title="tesst">class为mini,title为tesst</div></div><div style="display:none;" class="none">style的display为"none"的div</div><div class="hide">class为"hide"的div</div><div>包含input的type为hidden的div<input type="hidden" size="8" /></div>

然后如果我写div.one :nth-child(2).css("background","#bbffaa");(div.one和:nth-child(2)之间有空格)，效果是

但是如果我写div.one:nth-child(2)……(div.one和:nth-child(2)之间无空格)，效果是

为什么会这样，加不加空格代表的意义不一样？小白求教





Answer 1

正常写法是不加空格的，就是第二个div.one的背景色为bbffaa. 而加了空格，那jQuery只会认为是所有.one 下的子元素第二个。您写css 就应该明白 a.className 和 a .className的区别一个a的样式 一个多了个空格却是a的子元素的样式。 为了语法严谨还是请不要加空格。

Answer 2

三十三、JQuery简介+选择器