Mit jQuery wählen Sie (Abfrage) HTML-Elemente und führen Sie "Aktionen" auf sie.
jQuery Syntax
Die jQuery - Syntax ist maßgeschneidert für HTML - Elementeauswählen und die Durchführung eine Aktionauf dem element(s) .
Basic - Syntax ist: $(selector).action()
- A $ Zeichen zu definieren / access jQuery
- A(Selektor)auf "Abfrage (oder finden)" HTML - Elemente
- A jQuery action () auf der durchgeführt werden element(s)
Beispiele:
$(this).hide() - verbirgt sich das aktuelle Element.
$("p").hide() - blendet alle <p> Elemente.
$(".test").hide() - blendet alle Elemente mit class="test" .
$("#test").hide() - verbirgt sich das Element mit id="test" .
Sind Sie vertraut mit CSS - Selektoren?
jQuery verwendet CSS Syntaxelemente auszuwählen. Sie erfahren mehr über die Auswahl Syntax im nächsten Kapitel dieses Tutorials lernen.
Das Dokument Bereit-Ereignis
Sie haben vielleicht bemerkt, dass alle jQuery Methoden in unseren Beispielen in einem Dokument bereit Veranstaltung sind:
$(document).ready(function(){
// jQuery methods go here...
});
Dies ist jede jQuery-Code nicht ausgeführt werden, bevor das Dokument vollständig geladen ist (ist bereit).
Es ist gute Praxis zu warten, bis das Dokument vollständig geladen und bereit zu sein, bevor mit ihm zu arbeiten. Auf diese Weise können Sie auch Ihren JavaScript-Code vor dem Körper Ihres Dokuments zu haben, im Kopfbereich.
Hier sind einige Beispiele für Aktionen, die ausfallen können, wenn Methoden vor dem Dokument ausgeführt werden, wird vollständig geladen:
- Der Versuch, ein Element zu verstecken, die noch nicht erstellt
- Der Versuch, die Größe eines Bildes zu erhalten, die noch nicht geladen ist
Tipp: Das jQuery - Team hat auch eine noch kürzere Verfahren für das Dokument bereit Ereignis:
$(function(){
// jQuery methods go here...
});
Verwenden Sie die Syntax, die Sie bevorzugen. Wir sind der Meinung, dass das Dokument bereit Ereignis leichter zu verstehen ist, wenn Sie den Code zu lesen.