關於對class的操作有增、刪、改、查另外還會有一個就是選擇性添加刪除,也就是如果此標簽有此class就刪除,若沒有此class就添加上去
1.addClass() 方法向被選元素添加一個或多個類。還可以為方法傳入一個函數(當添加的class已經存在的時候就不會重復添加)
1 $('p').addClass(function(n,o){//第一個參數是標簽所在的位置的下標值,從0開始;第二個參數是已存在的class名
2 return 'par_' + n+o; 3 console.log(o);//但是這個在控制台上不顯示
4 }); 5 $('p').addClass('a2 a3');//可以為標簽添加多個class,只用將多個class用空格隔開就好
2.removeClass() 方法從被選元素移除一個或多個類。若移除多個類需要用空格隔開每個類。若不傳參會移除所有的類。可以傳入一個函數,函數的第一個參數是標簽所在在位置的下標,第二個參數是已經存在的class名。(當指定要刪除的class不存在的時候,此時相當於沒有做操作,也就是說此操作不會報錯也沒對元素的標簽起到作用)
1 $('p').removeClass(function(i,o){//第一個參數是所選元素所在的位置,第二個參數是已經存在的class名
2 return o;//移除已經存在的class的名稱
3 }); 4 $('p').removeClass();//不傳參數將所有class都移除
5 $('p').removeClass('a2 a3');//移除多個class需要用空格隔開每個class名
6 });
3.修改class的方法待定
4.hasClass()所謂的查也就是說判斷某元素是否含有此class的名字
1 $(selector).hasClass(class)//返回布爾值
5.toggleClass() 對設置或移除被選元素的一個或多個類進行切換。該方法檢查每個元素中指定的類。如果不存在則添加類,如果已設置則刪除之。這就是所謂的切換效果。不過,通過使用 "switch" 參數,您能夠規定只刪除或只添加類。
1 $('p').toggleClass("main",true);//只是添加不刪除 2 $('p').toggleClass("main",false);//只刪除不添加 3 $('p').toggleClass("main");//切換添加可以添加過個class,需要將多個class用空格隔開
總結:此文只是羅列了jQuery操作class的理論知識,由於本人能力有限,暫時沒有實例提供,盼有人為此理論添加實例,或者后續經過學習,添加操作class的實例