jquery如何改變class屬性

jquery改變class屬性的方法：1、使用【addClass()】方法匹配的元素增加指定的類別名稱；2、使用【removeClass()】方法移除樣式；3、使用【hasClass( )】方法包含某個樣式。

本教學操作環境：windows7系統、jquery3.2.1版本，此方法適用於所有品牌電腦。

jquery改變class屬性的方法：

1.addClass()

#addClass()方法為匹配的元素增加指定的類別名稱(一個或多個)

注意:對於元素來說,class屬性可以有多個值.該方法不會移除已經存在的值,而是在原有的基礎上追加一個或多個class屬性.

2.removeClass();

移除樣式

3.hasClass()

包含某個樣式

4.$(“#xxx”).attr(“class”,”className”)

此處僅僅示範的是class,attr()方法可以設定其他屬性,如name,value等

#注意:用attr()方法設定class屬性,是一個覆蓋的過程;如果已經有此屬性,則會覆寫而addClass()則是一個追加的過程.

5.$(“#xxx” ).removeAttr(“class”,”className”)

//移除置灰状态
$("#xxxx").removeAttr("class","disabled");
$("#xxxx").removeAttr("class","className");

如果只有一個樣式也可以直接把class屬性直接remove,但是這樣就取得不到class屬性了

$("#xxxx").removeAttr("class");

相關免費學習推薦：JavaScript（影片）

以上是jquery如何改變class屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章！