Heim Web-Frontend js-Tutorial So ändern, fügen Sie Klassenstile in js_javascript-Kenntnissen hinzu und löschen sie

So ändern, fügen Sie Klassenstile in js_javascript-Kenntnissen hinzu und löschen sie

May 16, 2016 pm 04:18 PM
class js 修改 删除 方法 样式 添加

Das Beispiel in diesem Artikel beschreibt die Methode zum Ändern, Hinzufügen und Löschen von Klassenstilen in js. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Eine relativ häufige js-Front-End-Funktion. Die entsprechende Funktion kann durch Ändern des Klassennamens des Tags erreicht werden.

Der spezifische Code lautet wie folgt:

Code kopieren Der Code lautet wie folgt:
<table>
<tbody>
<tr>
<td>JS implementiert das Ändern, Hinzufügen und Löschen von Klassenstilen</td>
<td>
<a e_value="g_sn" ename="goods code" class="goods_sale_property" href="javascript:void(0);">goods code</a>
<a e_value="pdt_sn" ename="Warenartikelnummer" class="goods_sale_property" href="javascript:void(0);">Warenartikelnummer</a>
<a e_value="pdt_name" ename="Spezifikationsname" class="goods_sale_property" href="javascript:void(0);">Spezifikationsname</a>
</td>
</tr>
</tbody>
<tbody>
<tr>
                            <td><a onclick="selectAll()" style="color:#F00">Alle auswählen</a&gt </td>
                                                                                                                        .                                                                                       </tbody>
</table>

<script> $('.goods_sale_property').click(function(){//Klicken Sie auf ein separates Tag, um eine Klasse hinzuzufügen

If($(this).hasClass('goods_sale_property_checked')){
          $(this).removeClass('goods_sale_property_checked');
}else{
          $(this).addClass('goods_sale_property_checked');
}
});
Funktion selectAll(){//Alles auswählen und Klasse hinzufügen
$('.goods_sale_property').each(function(i){
          $(this).addClass('goods_sale_property_checked');
});
}
Funktion selectNotAll(){//Alle auswählen und Klasse löschen
$('.goods_sale_property').each(function(i){
$(this).removeClass('goods_sale_property_checked');
});
}
</script>

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So ändern Sie den persönlichen Namen in der Gruppe auf DingTalk_So ändern Sie den persönlichen Namen in der Gruppe auf DingTalk So ändern Sie den persönlichen Namen in der Gruppe auf DingTalk_So ändern Sie den persönlichen Namen in der Gruppe auf DingTalk Mar 29, 2024 pm 08:41 PM

So ändern Sie den persönlichen Namen in der Gruppe auf DingTalk_So ändern Sie den persönlichen Namen in der Gruppe auf DingTalk

So schreiben Sie einen Roman in der Tomato Free Novel-App. Teilen Sie das Tutorial zum Schreiben eines Romans in der Tomato Novel-App So schreiben Sie einen Roman in der Tomato Free Novel-App. Teilen Sie das Tutorial zum Schreiben eines Romans in der Tomato Novel-App Mar 28, 2024 pm 12:50 PM

So schreiben Sie einen Roman in der Tomato Free Novel-App. Teilen Sie das Tutorial zum Schreiben eines Romans in der Tomato Novel-App

Stimmt es, dass Sie auf WeChat blockiert und gelöscht werden können und dauerhaft nicht hinzugefügt werden können? Stimmt es, dass Sie auf WeChat blockiert und gelöscht werden können und dauerhaft nicht hinzugefügt werden können? Apr 08, 2024 am 11:41 AM

Stimmt es, dass Sie auf WeChat blockiert und gelöscht werden können und dauerhaft nicht hinzugefügt werden können?

So stellen Sie gelöschte Kontakte auf WeChat wieder her (ein einfaches Tutorial erklärt Ihnen, wie Sie gelöschte Kontakte wiederherstellen) So stellen Sie gelöschte Kontakte auf WeChat wieder her (ein einfaches Tutorial erklärt Ihnen, wie Sie gelöschte Kontakte wiederherstellen) May 01, 2024 pm 12:01 PM

So stellen Sie gelöschte Kontakte auf WeChat wieder her (ein einfaches Tutorial erklärt Ihnen, wie Sie gelöschte Kontakte wiederherstellen)

So fügen Sie einen Fernseher zu Mijia hinzu So fügen Sie einen Fernseher zu Mijia hinzu Mar 25, 2024 pm 05:00 PM

So fügen Sie einen Fernseher zu Mijia hinzu

So löschen Sie den TikTok-Chatverlauf vollständig So löschen Sie den TikTok-Chatverlauf vollständig May 07, 2024 am 11:14 AM

So löschen Sie den TikTok-Chatverlauf vollständig

Das Geheimnis des Ausbrütens mobiler Dracheneier wird gelüftet (Schritt für Schritt erfahren Sie, wie Sie mobile Dracheneier erfolgreich ausbrüten) Das Geheimnis des Ausbrütens mobiler Dracheneier wird gelüftet (Schritt für Schritt erfahren Sie, wie Sie mobile Dracheneier erfolgreich ausbrüten) May 04, 2024 pm 06:01 PM

Das Geheimnis des Ausbrütens mobiler Dracheneier wird gelüftet (Schritt für Schritt erfahren Sie, wie Sie mobile Dracheneier erfolgreich ausbrüten)

So stellen Sie die Schriftgröße auf dem Mobiltelefon ein (Schriftgröße auf dem Mobiltelefon einfach anpassen) So stellen Sie die Schriftgröße auf dem Mobiltelefon ein (Schriftgröße auf dem Mobiltelefon einfach anpassen) May 07, 2024 pm 03:34 PM

So stellen Sie die Schriftgröße auf dem Mobiltelefon ein (Schriftgröße auf dem Mobiltelefon einfach anpassen)

See all articles