In diesem Artikel wird beschrieben, wie Sie Klassenstile von JS modifizieren, hinzufügen und löschen. Teilen Sie es für Ihre Referenz. Die spezifische Analyse ist wie folgt:
Eine häufigere Front-End-Funktion von JS, die die entsprechende Funktion realisieren kann, indem der Klassenname des Tags geändert wird.
Der spezifische Code lautet wie folgt:
Kopieren Sie den Code wie folgt: <table>
<tbody>
<tr>
<td> js implementiert Klassenstil -Modifikation, Addition und Entfernung </td>
<td>
<a e_value = "g_sn" ename = "produktcode" href = "javaScript: void (0);"> Produktcode </a>
<a e_value = "pdt_sn" ename = "Produktelementnummer" href = "JavaScript: void (0);"> Produktartikelnummer </a>
<a e_value = "pdt_name" ename = "Spezifikationsname" href = "javaScript: void (0);"> Spezifikationsname </a>
</td>
</tr>
</tbody>
<tbody>
<tr>
<td> <a onclick = "selectAll ()" style = "color:#f00"> Wählen Sie alle </a> </td> aus
<td> <a onclick = "selectNotall ()" style = "color:#f00"> Keine Auswahl </a> </td>
</tr>
</tbody>
</table>
<Script>
$ ('. Goods_Sale_Property'). Click (function () {// Klick, um die Klasse allein in einem Tag hinzuzufügen
if ($ (this) .hasclass ('giod_Sale_property_checked') {
$ (this) .removeclass ('Goods_Sale_Property_Checked');
}anders{
$ (this) .AddClass ('Goods_Sale_Property_Checked');
}
});
Funktion selectAll () {// Wählen Sie alle Klasse aus
$ ('. Goods_Sale_Property'). Jede (Funktion (i) {
$ (this) .AddClass ('Goods_Sale_Property_Checked');
});
}
Funktion selectNotall () {// Wählen Sie alle Löschen der Klasse aus
$ ('. Goods_Sale_Property'). Jede (Funktion (i) {
$ (this) .removeclass ('Goods_Sale_Property_Checked');
});
}
</script>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.