Heim  >  Artikel  >  Web-Frontend  >  So entfernen Sie Stile in JQuery

So entfernen Sie Stile in JQuery

coldplay.xixi
coldplay.xixiOriginal
2020-11-26 11:48:233260Durchsuche

So entfernen Sie Stile in jquery: 1. Verwenden Sie die Methode [removeClass()], der Code lautet [removeClass(function(index,class))] 2. Verwenden Sie die Methode toggleClass, der Code lautet [toggleClass(class)); ].

So entfernen Sie Stile in JQuery

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JQuery-Version 3.2.1. Diese Methode ist für alle Computermarken geeignet.

jquery-Stil-Entfernungsmethode:

1. Methode „removeClass()“

.removeClass([className]): .removeClass([className])

每个匹配元素移除的一个或多个用空格隔开的样式名

.removeClass(function(index,class))

一个函数,返回一个或多个将要被移除的样式名

这里要注意一下:

如果一个样式类名作为一个参数,只有这样式类会被从匹配的元素集合中删除,如果没有样式名作为参数,那么所有的样式类将被移除。

jQuery的属性.toggleClass()

在做某些效果的时候,可能会针对同一节点的某一个样式不断的切换,也就是addClass与removeClass的互斥切换,比如隔行换色效果

jQuery提供一个toggleClass方法用于简化这种互斥的逻辑,通过toggleClass方法动态添加删除Class,一次执行相当于addClass,再次执行相当于removeClass

2、toggleClass( )方法

在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即:如果存在(不存在)就删除(添加)一个类

.toggleClass(className)

在匹配的元素集合中的每个元素上用来切换的一个或多个(用空格隔开)样式类名

.toggleClass( className, switch )

一个布尔值,用于判断样式是否应该被添加或移除

.toggleClass( [switch ] )

一个用来判断样式类添加还是移除的布尔值:

.toggleClass( function(index, class, switch) [, switch ] )

Ein oder mehrere Elemente werden aus jedem passenden Element entfernt. Stilnamen getrennt durch Leerzeichen

.removeClass(function(index,class)) :

Eine Funktion, die einen oder mehrere zu entfernende Stilnamen zurückgibt

Hier ist etwas zu beachten:

Wenn ein Stilklassenname als Parameter verwendet wird, wird nur diese Stilklasse aus dem passenden Elementsatz entfernt. Wenn kein Stilname als Parameter vorhanden ist, werden alle Stilklassen entfernt.

jQuerys Attribut .toggleClass()Bei der Ausführung bestimmter Effekte kann es kontinuierlich zu einem bestimmten Stil desselben Knotens wechseln, d Änderungseffekt

jQuery bietet eine toggleClass-Methode, um diese sich gegenseitig ausschließende Logik zu vereinfachen. Eine Ausführung entspricht der addClass-Methode und eine andere Ausführung entspricht der toggleClass()-Methode 🎜🎜Fügen Sie für jedes Element im übereinstimmenden Satz von Elementen eine oder mehrere Stilklassen hinzu oder entfernen Sie sie, abhängig davon, ob diese Stilklasse vorhanden ist oder vom Wert des Toggle-Attributs. Das heißt: eine Klasse löschen (hinzufügen), wenn sie existiert (nicht existiert) 🎜🎜.toggleClass(className): 🎜🎜Ein oder mehrere Elemente, die zum Umschalten auf jedes Element im übereinstimmenden Elementsatz verwendet werden ( durch Leerzeichen getrennt) Stilklassennamen 🎜🎜.toggleClass( className, switch ): 🎜🎜Ein boolescher Wert, der verwendet wird, um zu bestimmen, ob der Stil hinzugefügt oder entfernt werden soll 🎜🎜 ] ): 🎜🎜Ein boolescher Wert, der verwendet wird, um zu bestimmen, ob eine Stilklasse hinzugefügt oder entfernt wird: 🎜🎜.toggleClass( function(index, class, switch) [, switch ] ) code>: 🎜🎜Eine Funktion, die verwendet wird, um den Stilklassennamen zurückzugeben, der zum Einschalten jedes Elements im übereinstimmenden Elementsatz verwendet wird. Erhält die Indexposition des Elements und die alte Stilklasse des Elements als Parameter. 🎜🎜Hinweis hier: 🎜🎜toggleClass ist eine sich gegenseitig ausschließende Logik, d. h. es wird beurteilt, ob der angegebene Klassenname im entsprechenden Element vorhanden ist. Wenn ja, löschen Sie ihn, wenn nicht, fügen Sie ihn hinzu. 🎜🎜toggleClass behält den ursprünglichen Klassennamen bei Danach hinzufügen, durch Leerzeichen getrennt. 🎜🎜🎜Verwandte kostenlose Lernempfehlungen: 🎜Javascript🎜 (Video) 🎜🎜

Das obige ist der detaillierte Inhalt vonSo entfernen Sie Stile in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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