JQuery Kochbuch (German Edition)

Titel: JQuery Kochbuch (German Edition) Kostenlos Bücher Online Lesen
Autoren: jQuery Community Experts

Vom Netzwerk:

erste Option, die CSS-Selektoren und eigene Selektoren verwendet, ist die am häufigsten verwendete und auch elegantere Lösung. Indem wir der jQuery-Funktion einen String mit einem Selektor-Ausdruck übergeben, durchläuft die Funktion das DOM und findet die DOM-Knoten, die durch den Ausdruck festgelegt sind. Als Beispiel selektiert der folgende Code alle

-Elemente im HTML-Dokument:
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Link
Link
Link
Link
Link
Link

    Wenn Sie diese HTML-Seite in einem Web-Browser laufen lassen, wird Sie der Code mit einem Browser-
alert()
darauf hinweisen, dass die Seite sechs

-Elemente enthält. Ich habe diesen Wert an die Methode
alert()
übergeben, indem ich zunächst alle

-Elemente selektiere und dann die Eigenschaft
length
nutze, um die Anzahl der Elemente im jQuery-Wrapper-Set zurückzugeben.
    Der erste Parameter der jQuery-Funktion, so wie wir sie hier nutzen, kann auch mehrere Ausdrücke enthalten. Dazu trennen Sie die verschiedenen Selektoren durch ein Komma (innerhalb des Strings). Dies kann folgendermaßen aussehen:
jQuery('selector1, selector2, selector3').length;
    Die zweite Option zum Selektieren von DOM-Elementen – die weniger gebräuchliche – ist die Übergabe einer echten JavaScript-Referenz auf DOM-Elemente an die jQuery-Funktion. Als Beispiel werden im folgenden Code alle

-Elemente im HTML-Dokument selektiert. Beachten Sie, dass ich der jQuery-Funktion ein Array mit

-Elementen übergebe, die ich durch die DOM-Methode
getElementsByTagName
eingesammelt habe. Dieses Beispiel führt zum gleichen Ergebnis wie das vorherige:
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Link
Link
Link
Link
Link
Link

    Diskussion
    Die vielfältigen Möglichkeiten, für die jQuery bekannt ist, basieren teilweise auf der Selektions-Engine Sizzle , die DOM-Elemente in einem HTML-Dokument selektiert. Sie haben die Option, der jQuery-Funktion DOM-Referenzen zu übergeben. Das ist in gewissen Situationen sehr praktisch, aber dafür ist jQuery nicht berühmt geworden. Richtig interessant wird es mit den vielen Selektions-Möglichkeiten.
    Im Rest des Buches werden Sie mächtige und robuste Selektoren kennenlernen. Wenn Sie einen solchen sehen, sollten Sie sich unbedingt mit seiner Funktionalität vertraut machen, denn dies wird Ihnen beim weiteren Arbeiten mit jQuery noch sehr nützlich sein.

Selektieren von DOM-Elementen in einem bestimmten Kontext
    Problem
    Sie brauchen eine Referenz auf ein einzelnes DOM-Element oder eine Menge von DOM-Elementen im Kontext eines anderen DOM-Elements oder Dokuments, um die gefundenen Elemente mit jQuery-Methoden zu bearbeiten.
    Lösung
    Übergibt man der jQuery-Funktion einen CSS-Ausdruck, dann kann man auch einen zweiten Parameter mitgeben, der der Funktion mitteilt, in welchem Kontext sie nach den DOM-Elementen suchen soll. Der zweite Parameter ist in diesem Fall eine DOM-Referenz, ein jQuery-Wrapper oder ein Dokument. Im folgenden Code gibt es 12

-Elemente. Achten Sie darauf, wie ich mit dem

-Element einen bestimmten Kontext nutze,um nur einen Teil der

-Elemente zu selektieren: