jQuery- Syntax
Mit jQuery selektieren (fragen) Sie HTML-Elemente und führen „Aktionen“ an ihnen aus.
jQuery-Syntax
Die jQuery-Syntax ist maßgeschneidert für die Auswahl von HTML-Elementen und die Durchführung einiger Aktionen an den Elementen.
Die grundlegende Syntax lautet: $( Selektor ). Aktion ()
- Ein $-Zeichen zum Definieren/Zugreifen auf jQuery
- Ein ( Selektor ) zum "Abfragen (oder Finden)" von HTML-Elementen
- Eine jQuery -Aktion (), die für das/die Element(e) ausgeführt werden soll
Beispiele:
$(this).hide()- blendet das aktuelle Element aus.
$("p").hide()- blendet alle <p>-Elemente aus.
$(".test").hide()- blendet alle Elemente mit class="test" aus.
$("#test").hide()- verbirgt das Element mit id="test".
Kennen Sie CSS-Selektoren?
jQuery verwendet CSS-Syntax, um Elemente auszuwählen. Im nächsten Kapitel dieses Tutorials erfahren Sie mehr über die Selektorsyntax.
Tipp: Wenn Sie CSS nicht kennen, können Sie unser CSS-Tutorial lesen .
Das Dokument-bereit-Ereignis
Sie haben vielleicht bemerkt, dass sich alle jQuery-Methoden in unseren Beispielen in einem Document-Ready-Event befinden:
$(document).ready(function(){
// jQuery methods go here...
});
Dadurch soll verhindert werden, dass jQuery-Code ausgeführt wird, bevor das Dokument vollständig geladen ist (bereit ist).
Es empfiehlt sich, zu warten, bis das Dokument vollständig geladen und bereit ist, bevor Sie damit arbeiten. Auf diese Weise können Sie Ihren JavaScript-Code auch vor dem Hauptteil Ihres Dokuments im Head-Bereich platzieren.
Hier sind einige Beispiele für Aktionen, die fehlschlagen können, wenn Methoden ausgeführt werden, bevor das Dokument vollständig geladen ist:
- Es wird versucht, ein noch nicht erstelltes Element auszublenden
- Es wird versucht, die Größe eines noch nicht geladenen Bildes abzurufen
Tipp: Das jQuery-Team hat auch eine noch kürzere Methode für das Document-Ready-Event erstellt:
$(function(){
// jQuery methods go here...
});
Verwenden Sie die von Ihnen bevorzugte Syntax. Wir denken, dass das Ereignis „Dokument bereit“ beim Lesen des Codes leichter zu verstehen ist.