Heim > Web-Frontend > js-Tutorial > Anwendungsbeispiele der toggleClass()-Methode in jQuery_jquery

Anwendungsbeispiele der toggleClass()-Methode in jQuery_jquery

WBOY
Freigeben: 2016-05-16 16:22:06
Original
1207 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt die Verwendung der toggleClass()-Methode in jQuery. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Diese Methode schaltet eine oder mehrere Klassen um, die passende Elemente hinzufügen oder entfernen.
Die Methode toggleClass() prüft die angegebene Klasse im passenden Element. Fügt die Klasse hinzu, wenn sie nicht vorhanden ist, oder entfernt sie, wenn sie festgelegt ist. Dies wird als Toggle-Effekt bezeichnet.

Grammatikstruktur 1:

Code kopieren Der Code lautet wie folgt:
$(selector).toggleClass(class,switch)

Eine Klasse löschen (hinzufügen), wenn sie existiert (nicht existiert).

Parameterliste:

参数 描述
class 规定添加或删除的类。
如果需要添加多个类,使用空格间隔。
switch 可选。布尔值,为true则加上对应的class,否则就删除。

实例代码:

复制代码 代码如下:






脚本之家









语法结构二:

复制代码 代码如下:
$(selector).toggleClass(function(index,class),switch )

Verwenden Sie den Rückgabewert der Funktion als Umschaltklasse.

Parameterliste:

参数 描述
function(index,class) 函数定义返回需要添加或删除的一个或多个类名。
index - 可选,接受选择器的索引位置。
class - 可选,接受选择器的当前的类。
switch 可选。布尔值,为true则加上对应的class,否则就删除。

实例代码:

复制代码 代码如下:






脚本之家









Sie haben die jQuery-Version mit jQuery erstellt.

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