toggleClass的用法
//所有的奇數tr元素，應該都保留class="c"樣式
? ? $("#table tr:even").toggleClass("c", true);
為什么注釋里說，奇數tr元素，應該都保留class="c"樣式，even不是偶數嗎？
sky_fanny
2016-04-29
3 回答
舉報
0/150
提交
取消
2016-07-25
老師注冊有誤 正確應該是
?<script type="text/javascript">
? ? //給所有的奇數tr元素切換class="c"的樣式
? ? //所有偶數的樣式保留，奇數的被刪除
? ? $("#table tr:odd").toggleClass("c");
后邊是
//所有的偶數tr元素，應該都保留class="c"樣式
? ? $("#table tr:even").toggleClass("c", true); //這個操作沒有變化，因為樣式已經是存在的
? ? </script>
2016-06-14
?:even 選擇器和 :odd 選擇器選取帶有相應偶數或奇數index 值的元素，元素的index 值從 0 開始。
也就是說例子中的第一行的index是0，而0是偶數行。
在例子中
?$("#table tr").toggleClass("c");????????????????? ? ? ? ? //首先給所有的tr加class="c"的樣式。
$("#table tr:odd").toggleClass("c");??????????????? //然后是去掉奇數行tr的class="c"的樣式。
$("#table tr:even").toggleClass("c", true);?? //最后再給偶數行tr加class="c"的樣式。
最后結果就是所有的偶數行tr有class="c"的樣式。
2016-04-30
因為$("#table tr:even")的意思是選中了偶數元素，而toggleClass的用法是如果有就刪除，而這里面是有偶數元素的，所以就把偶數元素的樣式刪除了，只剩下奇數的還保留