JQuery bedient sich des CSS-Stils von element

JQuery bedient sich des CSS-Stils von element_jquery

WBOY

Freigeben： 2016-05-16 16:10:35

Original

1335 Leute haben es durchsucht

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:

Bild blinkt

Hahaha