English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery .class Klassenname-Selektor

jQuer-Selektoren

bezeichnet  .class   Der Selector wählt alle Elemente mit der angegebenen Klasse aus.

Es wird durch einen Punkt (.) vor einem oder mehreren Zeichen in einer Zeichenkette angegeben.

Die class-Attribut wird verwendet, um spezifische Stile für mehrere HTML-Elemente zu setzen.

HTML-Elemente können auch mehrere Klassen referenzieren (siehe unten "Beispiel").

Hinweis:Verwenden Sie keine Zahlen am Anfang der class-Attribut. Dies kann in einigen Browsern zu Ausnahmefragen führen.

Syntax:

$(".class")

Beispiel

Wählen Sie alle Elemente mit der Klasse "demo":

$("document").ready(function(){
  $(".demo").css("background-color", "gelb");
});
Testen Sie heraus‹/›

Wählen Sie alle <p>-Elemente mit der Klasse "demo":

$("document").ready(function(){
  $("p.demo").css("background-color", "gelb");
});
Testen Sie heraus‹/›

Wählen Sie alle Elemente mit den Mehrfachen Klassennamen "myclass" und "otherclass":

$("document").ready(function(){
  $(".myclass.otherclass").css("background-color", "gelb");
});
Testen Sie heraus‹/›

Parameterwert

ParameterBeschreibung
classDer Klassenname der Elemente, die ausgewählt werden sollen, wird angegeben

jQuer-Selektoren