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