jQuery關於class的操作


關於對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的實例

 

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM