我是靠谱客的博主 甜蜜睫毛,最近开发中收集的这篇文章主要介绍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 :nth-child前有无空格的区别分析的全部内容,希望文章能够帮你解决jQuery :nth-child前有无空格的区别分析所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(104)

评论列表共有 0 条评论

立即
投稿
返回
顶部