jQuery :nth-child前有无空格的区别分析
然后,我写了如下html:
<table width="200" border="1">
<tr class="a">
<td>11</td>
<td>12</td>
<td>13</td>
</tr>
<tr class="a">
<td>21</td>
<td>22</td>
<td>23</td>
</tr>
<tr class="a">
<td>31</td>
<td>32</td>
<td>33</td>
</tr>
</table>
预期效果是:
于是我写了如下jQ:
$(".a:nth-child(2)").css("color","red");
运行发现结果竟然是:
我百思不得其解啊。。最后发现把JQ改写为:
$(".a :nth-child(2)").css("color","red");
就行了。
注意:a后面有一个空格!!!
虽然问题解决了,但是不知道原因,求高手指点。。。
相关文章
jQuery中animate()的使用方法及解决$(”body“).animate({“scrollTop”:top})
这篇文章主要介绍了关于jQuery中animate()的使用方法及解决$("body").animate({"scrollTop":top})不被Firefox支持的问题,文中介绍的非常详细,相信对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。2017-04-04jQuery下扩展插件和拓展函数的写法(匿名函数使用的典型例子)
这些年,javascript火起来了,主要归功于AJAX的推广应用,Web2.0的发展。。。于是,出现了很多的javascript框架。2010-10-10jQuery动画效果-slideUp slideDown上下滑动示例代码
jQuery动画上下滑动效果在网页中的应用还是比较广泛的,其实很简单通过slideUp slideDown方法便可轻松实现,具体如下,喜欢的朋友可以参考下,希望对大家学习jquery有所帮助2013-08-08
最新评论