Heim > Web-Frontend > js-Tutorial > So verwenden Sie das JQuery-Attribut toggleClass(), um Artikelabsätze zu erstellen und die Hintergrundfarbe zu ändern

So verwenden Sie das JQuery-Attribut toggleClass(), um Artikelabsätze zu erstellen und die Hintergrundfarbe zu ändern

php中世界最好的语言
Freigeben: 2018-05-28 14:22:06
Original
1894 Leute haben es durchsucht

Dieses Mal zeige ich Ihnen, wie Sie die Eigenschaft jquery toggleClass() verwenden, um Artikelabsätze zu erstellen, um die Hintergrundfarbe zu ändern, und wie Sie das Attribut jquery toggleClass() verwenden, um Artikelabsätze zu erstellen, um den Hintergrund zu ändern Farbe. Notizen Was sind das?

Definition und Verwendung

Die toggleClass()-Methode schaltet eine oder mehrere Klassen zum Hinzufügen und Entfernen ausgewählter Elemente um.

Diese Methode überprüft die angegebene Klasse in jedem Element. Fügt die Klasse hinzu, wenn sie nicht vorhanden ist, oder entfernt sie, wenn sie festgelegt ist. Dies wird als Toggle-Effekt bezeichnet.

Durch die Verwendung des Parameters „switch“ können Sie jedoch festlegen, dass nur Klassen entfernt oder nur hinzugefügt werden.

Syntax

$(selector).toggleClass(classname,function(index,currentclass),switch)
Nach dem Login kopieren
Parameter Beschreibung
Klassenname Erforderlich. Gibt einen oder mehrere Klassennamen an, die hinzugefügt oder entfernt werden sollen. Wenn Sie mehrere Klassen angeben müssen, verwenden Sie Leerzeichen, um Klassennamen zu trennen.
function(index,currentclass) Optional. Gibt eine Funktion an, die einen oder mehrere Klassennamen zurückgibt, die hinzugefügt/entfernt werden müssen.
  • 参数 描述
    classname 必需。规定添加或移除的一个或多个类名。如需规定若干个类,请使用空格分隔类名。
    function(index,currentclass) 可选。规定返回需要添加/删除的一个或多个类名的函数。
    • index - 返回集合中元素的 index 位置。

    • currentclass - 返回被选元素的当前类名。

    switch 可选。布尔值,规定是否仅仅添加(true)或移除(false)类。
    index – Gibt die Indexposition des Elements in der Sammlung zurück.

  • currentclass – Gibt den aktuellen Klassennamen des ausgewählten Elements zurück.
Schalter Optional. Boolescher Wert, der angibt, ob Klassen nur hinzugefügt (true) oder entfernt (false) werden sollen.
Einführung in die Verwendung:

jQuery zum Erstellen von Artikelabsätzen zum Ändern der Hintergrundfarbe Attribut jquery toggleClass ()Eigenschaft.

Das Effektdiagramm lautet wie folgt:

Effektanzeige Quellcode-Download

Datei

Zitat

:

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $("input").click(function(){
  $("p").toggleClass("main");
 });
});
</script>
Nach dem Login kopieren
Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

So konfigurieren Sie die 404-Seite für Vue-Anwendungen global


So verwenden Sie NodeJS Express zum Konfigurieren ein selbstsignierter https-Server

Das obige ist der detaillierte Inhalt vonSo verwenden Sie das JQuery-Attribut toggleClass(), um Artikelabsätze zu erstellen und die Hintergrundfarbe zu ändern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage