JQuery bedient sich des CSS-Stils von element_jquery

Wir verwenden häufig Javascript, um den Stil von Seitenelementen zu ändern. Eine Möglichkeit besteht darin, das Seitenmeta

zu ändern

Element-CSS-Klasse (Klasse), in traditionellem Javascript verarbeiten wir normalerweise HTML

Doms Klassennamenfunktion ist implementiert; jQuery bietet drei Methoden zum Implementieren dieser Funktion,

Obwohl sie die gleichen Ideen wie herkömmliche Methoden haben, sparen sie viel Code. Immer noch derselbe Satz –

„jQuery macht JavaScript-Code prägnant!“

1. addClass() – CSS-Klasse hinzufügen

Code kopieren Der Code lautet wie folgt:

$(“#target”).addClass(“newClass”);
//#target bezieht sich auf die ID des Elements, das gestylt werden muss
//newClass bezieht sich auf den Namen der CSS-Klasse

2. removeClass() – CSS-Klasse entfernen

Code kopieren Der Code lautet wie folgt:

$(“#target”).removeClass(“oldClass”);
//#target bezieht sich auf die ID des Elements, dessen CSS-Klasse entfernt werden muss
//oldClass bezieht sich auf den Namen der CSS-Klasse

3. toggleClass() – CSS-Klasse hinzufügen oder entfernen: Wenn die CSS-Klasse bereits vorhanden ist, wird sie entfernt; Wenn die CSS-Klasse hingegen nicht vorhanden ist, wird sie hinzugefügt.

Code kopieren Der Code lautet wie folgt:

$("#target").toggleClass("newClass")

//Wenn für das Element mit der ID „target“ ein CSS-Stil definiert ist, wird dieser entfernt //Im Gegenteil, der ID wird die CSS-Klasse „newClass“ zugewiesen.



In tatsächlichen Anwendungen definieren wir diese CSS-Klassen oft zuerst und lösen sie dann durch Javascript-Ereignisse aus

Posten (z. B. durch Klicken auf einen Link), um den Stil des Seitenelements zu ändern. Darüber hinaus bietet jQuery auch eine Methode

Mit der

-Methode hasClass(“className”) wird ermittelt, ob einem Element eine CSS-Klasse zugewiesen wurde.

Unten finden Sie ein vollständiges Beispiel.

Code kopieren Der Code lautet wie folgt:

Hahaha

<script> Funktion btnClick(){ <br> //$(“#soccer”).removeClass(“up”); <br> $(“#soccer”).toggleClass(“up”); //$(“p:first”).removeClass(“intro”); <br> }  <br> </script>




Das Obige ist der gesamte Inhalt dieses Artikels über die Verwendung von CSS-Stilen in jQuery. Ich hoffe, dass er Ihnen gefällt.