JQuery überprüfen, ob das Element die Klasse angehängt hat

JQuery -Code -Snippet, um zu überprüfen, ob ein Webseitenelement eine bestimmte CSS -Klasse angehängt hat. Könnte verwendet werden, um zu überprüfen, ob das Element zusätzliche Formatierung benötigt oder ob Sie bestimmte Seitenelemente schützen möchten. Zu diesem Zweck können wir die Funktion jQuery HASCASS () oder jQuery IS () -Funktion verwenden.

<span>$("div").click(function(){
</span>	<span>if ( $(this).hasClass("protected") ) {
</span>		<span>//do something it does have the protected class!
</span>		<span>alert("i have the protected class");
</span>	<span>}
</span><span>});</span>

ODER

<span>$("div").click(function(){
</span>   <span>if ( $('#myDiv').is('.pretty.awesome') ) {
</span>	   <span>//do something it does have the protected class!
</span>	   <span>alert("i have the pretty and awesome classes");
</span>   <span>}
</span><span>});</span>

HINWEIS: Mit dieser Methode können Sie auch für andere Dinge testen. Dh - prüfen Sie, ob ein Element versteckt ist.

<span>if ( $('#myDiv').is(':hidden') ) {
</span>   <span>//do something I am hidden!
</span>   <span>alert("i am hidden!");
</span><span>}</span>

häufig gestellte Fragen (FAQs) zu jQuery- und Elementklassen

Wie kann ich JQuery verwenden, um zu überprüfen, ob ein Element mehrere Klassen hat? Wenn Sie beispielsweise überprüfen möchten, ob ein Element sowohl "class1" als auch "class2" hat, können Sie den folgenden Code verwenden:

if ($ ('#element'). "Element" und Hasclass ("Class1") und Hasclass ("Class2") prüfen, ob das Element "Class1" bzw. "Klasse2" enthält. Der && Operator stellt sicher, dass beide Bedingungen wahr sein müssen. So können Sie es tun:

if (! $ ('#Element'). Wenn dies nicht der Fall ist, fügt AddClass ('class1') dem Element "class1" hinzu.

Wie kann ich eine Klasse mit JQuery aus einem Element entfernen? Hier ist ein Beispiel:

$ ('#element'). Removeclass ('class1');

In diesem Code $ ('#Element') wählt das Element mit dem ID 'Element' aus, und removeclass ('class1') entfernt 'Class1' aus dem Element. Überprüfen Sie, ob ein Element überhaupt eine Klasse mit JQuery hat. Sie können dies tun, indem Sie prüfen, ob die ATTR ('Class') -Methode undefiniert zurückgibt. So können Sie es tun:

if ($ ('#element'). Attr ('class')! Wenn es nicht undefiniert ist, hat das Element mindestens eine Klasse.

Wie kann ich eine Klasse mit JQuery in einem Element umschalten? Dies bedeutet, dass das Element, wenn es die Klasse hat, entfernt wird; Wenn es nicht die Klasse gibt, wird sie hinzugefügt. Hier ist ein Beispiel:

$ ('#Element'). ToggleClass ('class1');

Das obige ist der detaillierte Inhalt vonJQuery überprüfen, ob das Element die Klasse angehängt hat. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!