$("div").addClass(function(index,className) {
//找到類名中包含了imooc的元素
if(-1 !== className.indexOf('imooc')){
//this指向匹配元素集合中的當(dāng)前元素
return 'imoocClass'
}
});
這樣寫比較好,比較合乎邏輯.運(yùn)行沒問題是一回事,但邏輯少容易讀懂也很重要
//找到類名中包含了imooc的元素
if(-1 !== className.indexOf('imooc')){
//this指向匹配元素集合中的當(dāng)前元素
return 'imoocClass'
}
});
這樣寫比較好,比較合乎邏輯.運(yùn)行沒問題是一回事,但邏輯少容易讀懂也很重要
2018-08-08
$(".first-div a:first-child")中做了個小測試,當(dāng)取消a后只有第一個div變紫色(由于后面代碼效果覆蓋所以第一個div最后一行是紅色),猜測是因為first-div的第一個子元素是第一個div,不聲明a的話默認(rèn)取這個,歡迎大佬指正
2018-07-24
加switch就好理解了 不加的時候是自己判斷 有就刪,無則加
而加了switch
如果是true 不管你有還是沒有那就是加
如果是false 不管你有還是沒有就是刪
同樣的 只是這樣理解 只要明白即使是有然后還是true 不要去想他會加兩個就行了 刪同理
而加了switch
如果是true 不管你有還是沒有那就是加
如果是false 不管你有還是沒有就是刪
同樣的 只是這樣理解 只要明白即使是有然后還是true 不要去想他會加兩個就行了 刪同理
2018-07-21
//給所有的偶數(shù)tr元素切換class="c"的樣式
//所有基數(shù)的樣式保留,偶數(shù)的被刪除
$("#table tr:odd").toggleClass("c");
因為本身每個都有c這個class了 所有所有的偶數(shù)他們也有c啊
,所以他們的toggleClass方法就是刪除所有偶數(shù)的c,而不是偶數(shù)的就不會刪除
同樣的如果本身沒c 效果就相反了
//所有基數(shù)的樣式保留,偶數(shù)的被刪除
$("#table tr:odd").toggleClass("c");
因為本身每個都有c這個class了 所有所有的偶數(shù)他們也有c啊
,所以他們的toggleClass方法就是刪除所有偶數(shù)的c,而不是偶數(shù)的就不會刪除
同樣的如果本身沒c 效果就相反了
2018-07-21
//給所有的tr元素加一個class="c"的樣式
$("#table tr").toggleClass("c");
因為本身他們沒有c這個class 所以這句話是每個都添加c 如果本身有的話,拿這句話就是刪除所有c 我這樣理解
$("#table tr").toggleClass("c");
因為本身他們沒有c這個class 所以這句話是每個都添加c 如果本身有的話,拿這句話就是刪除所有c 我這樣理解
2018-07-21