So ändern Sie das Klassenattribut in jquery

So ändern Sie das Klassenattribut in jquery: 1. Verwenden Sie die Methode [addClass()], um den angegebenen Klassennamen zum übereinstimmenden Element hinzuzufügen. 2. Verwenden Sie die Methode [removeClass()], um den Stil zu entfernen die Methode [hasClass()], um einen bestimmten Stil einzuschließen.

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery3.2.1-Version. Diese Methode ist für alle Computermarken geeignet.

Jquery-Methode zum Ändern des Klassenattributs:

1.addClass()

addClass()-Methode fügt den angegebenen Klassennamen (einen oder mehrere) zum passenden Element hinzuaddClass()方法向匹配的元素增加指定的类名(一个或多个)

注意:对于元素来说,class属性可以有多个值.该方法不会移除已经存在的值,而是在原有的基础上追加一个或多个class属性.

2.removeClass();

移除样式

3.hasClass()

包含某个样式

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

此处仅仅演示的是class,attr()方法可以设置其他属性,如name,value等

注意:用attr()

Hinweis: Bei Elementen kann das Klassenattribut nicht den vorhandenen Wert entfernen, sondern ein oder mehrere Klassenattribute an den ursprünglichen Wert anhängen

3.hasClass()

Enthält einen bestimmten Stil

4.$("#xxx").attr("class","className")

Dies ist nur Die Demonstration ist, dass der class,attr() kann andere Attribute wie Name, Wert usw. festlegen.

🎜Hinweis: Die Verwendung der Methode attr() zum Festlegen des Klassenattributs ist ein Überschreibungsprozess ; wenn dieses Attribut bereits vorhanden ist, wird es überschrieben und addClass() ist ein zusätzlicher Prozess 🎜🎜🎜5.$("#xxx").removeAttr("class","className")🎜🎜

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

🎜Wenn Sie Wenn Sie nur einen Stil haben, können Sie das Klassenattribut auch direkt entfernen, aber auf diese Weise erhalten Sie das Klassenattribut nicht🎜

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

🎜🎜Verwandte kostenlose Lernempfehlungen: 🎜JavaScript🎜 (Video)🎜🎜

Das obige ist der detaillierte Inhalt vonSo ändern Sie das Klassenattribut in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!