jQuery-Class類的添加和刪除


添加類 addClass( )

定義和用法:

addClass() 方法向被選元素添加一個或多個類。

該方法不會移除已存在的 class 屬性,僅僅添加一個或多個 class 屬性。

提示:如需添加多個類,請使用空格分隔類名。

語法: $(selector).addClass(class)

 

舉例:當我點擊h2標簽的時候“添加一個讓字體顏色變成黃色的類”,再添加一個讓字號變成50px的類

.yellow{color:yellow};

.fontSize50{font-size:50px};

 

$(h2).click(function(){

       addClass('yellow')   // 添加單個類的方法

       addClass('yellow fontSize50')  // 添加多個類的方法 

})

 

 

移除類 removeClass( )

定義和用法:

removeClass() 方法從被選元素移除一個或多個類。

注釋:如果沒有規定參數,則該方法將從被選元素中刪除所有類。

語法: $(selector).removeClass(class)

 

舉例:當我點擊h2標簽的時候“移除一個讓字體顏色變成黃色的類”,再移除一個讓字號變成50px的類

.yellow{color:yellow};

.fontSize50{font-size:50px};

 

$(h2).click(function(){

       removeClass('yellow')   // 移除單個類的方法

       removeClass('yellow fontSize50')  // 移除多個類的方法 

       removeClass() //移除所有類

})

 


免責聲明!

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



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