Ein Entwicklertagebuch

JQuery Selektoren

Mit JQuery Selektren kann man auf Elemente im DOM zugreifen. Diese Liste ist unvollständig und beinhaltet nur die wichtigsten Selektoren! Ein Liste mit allen Selektoren gibt es auf der Website von JQuery.

#id

Mit dem ID Selektor kann man auf ein Element mit einer bestimmten ID zugreifen. Eine ID muss immer einmalig sein.

$("#id") // #id ist mit der ID des zu bearbeitenden Elementes zu ersetzen.
1

.class

Mit dem Klassen Selektor kann man a ein oder mehrere Element(e) mit einer bestimmten Klasse zugreifen. Eine Klasse kann beliebig oft vorkommen.

$(".class") // .class ist mit der Klasse des/der zu bearbeitenden Elemente(s) zu ersetzen.
1

Attribut Selektor

Mit dem Attribut Selektor kann man auf definierte Attribute wie beispielsweise "value" oder "data-name" zugreifen.

$("[value=wert]") // Sucht nach allen Feldern mit valu="wert".
$("[data-name=wert]") // Sucht nach allen Feldern mit data-name="wert".
$("input[data-name=wert]") // Sucht nach allen input Feldern mit data-name="wert".
1
2
3

Data Attribut Selektor

Neben dem normalen Attribut Selektor kann man auch mittels .data() auf ein Data-Element (alle Elemente welche mit "data-" anfangen) zugreifen.

$.data("name") // Sucht nach allen data-name Attributen.
$.data("name").find("myName") // Sucht nach allen data-name Attributen mit dem Wert "myName"
1
2