jQuery :nth-child前有無空格的區(qū)別分析
然后,我寫了如下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>
預(yù)期效果是:

于是我寫了如下jQ:
$(".a:nth-child(2)").css("color","red");
運(yùn)行發(fā)現(xiàn)結(jié)果竟然是:

我百思不得其解啊。。最后發(fā)現(xiàn)把JQ改寫為:
$(".a :nth-child(2)").css("color","red");
就行了。
注意:a后面有一個(gè)空格?。?!
雖然問題解決了,但是不知道原因,求高手指點(diǎn)。。。
相關(guān)文章
基于jquery實(shí)現(xiàn)省市聯(lián)動(dòng)效果
這篇文章主要介紹了基于jquery實(shí)現(xiàn)省市聯(lián)動(dòng)效果,感興趣的小伙伴們可以參考一下2015-11-11
ajax異步刷新實(shí)現(xiàn)更新數(shù)據(jù)庫
下面寫關(guān)于如何把無刷新的數(shù)據(jù)寫入到數(shù)據(jù)庫中,需要的朋友可以參考下2012-12-12
快速掌握jquery分頁插件jqPaginator的使用方法
這篇文章主要幫助大家快速掌握jquery分頁插件jqPaginator的使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-08-08
jQuery實(shí)現(xiàn)簡單三級(jí)聯(lián)動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)簡單三級(jí)聯(lián)動(dòng)效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-09-09
基于jquery實(shí)現(xiàn)輪播焦點(diǎn)圖插件
這篇文章主要為大家詳細(xì)介紹了基于jquery實(shí)現(xiàn)輪播焦點(diǎn)圖插件,具有一定的參考價(jià)值,代碼很詳細(xì),感興趣的小伙伴們可以參考一下2016-03-03
jQuery Ajax使用FormData對象上傳文件的方法
這篇文章主要介紹了jQuery Ajax使用FormData對象上傳文件的方法,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-09-09
基于jQuery實(shí)現(xiàn)簡單的折疊菜單效果
這篇文章主要介紹了基于JQuery實(shí)現(xiàn)簡單的折疊菜單效果,這個(gè)功能實(shí)現(xiàn)起來很簡單,需要的朋友可以參考下2015-11-11
jquery實(shí)現(xiàn)平滑的二級(jí)下拉菜單效果
這篇文章主要介紹了jquery實(shí)現(xiàn)平滑的二級(jí)下拉菜單效果,可實(shí)現(xiàn)鼠標(biāo)滑過彈出二級(jí)下拉菜單,涉及jquery鼠標(biāo)hover事件及fadeIn與fadeOut事件操作頁面元素隱藏及顯示的實(shí)現(xiàn)技巧,需要的朋友可以參考下2015-08-08
web開發(fā)人員學(xué)習(xí)jQuery的6大理由及jQuery的優(yōu)勢介紹
jQuery是一個(gè)用來簡化HTML客戶端開發(fā)的JS(JavaScrip)庫,它支持HTML DOM處理,同時(shí)還融合了部分HTML和CSS2013-01-01

