jQuery-Syntax

Die jQuery-Grammatik wird durch die Verwendung von HTML-ElementenSelektorendurchgeführte und einige Operationen an den Elementen ausführenOperationen.

jQuery-Basisgrammatik:

$(selector).action()

• $

• (selector)

• action()

Beispiel:

$("this").hide()

$("p").hide()<p>Element

$(".para").hide()

$("#para").hide()

jQuery verwendet die CSS-Syntax, um Elemente auszuwählen. In dem nächsten Kapitel werden Sie mehr über jQuery-Selektoren erfahren.

Dokument bereit Event

Sie haben vielleicht bereits bemerkt, dass alle jQuery-Methode in unserem Beispiel im document.ready-Event verwendet werden:

$(document).ready(function() {}}
　　//　jQuery-Methode (wird ausgeführt, wenn der DOM bereit ist)
　　
　　});

Das ist, um sicherzustellen, dass kein jQuery-Code vor dem Abschluss des Dokumentladens ausgeführt wird.

Das Richtige ist, auf das vollständige Laden und Bereitstellen des Dokuments zu warten, bevor Sie es verwenden.

Dies ermöglicht es Ihnen auch, JavaScript-Code am Anfang des Dokumentkörpers zu erhalten.

Wenn Methoden vor dem vollständigen Laden des Dokuments ausgeführt werden, sind hier einige Beispiele für fehlgeschlagene Operationen:

• Versuchen Sie, ein noch nicht erstelltes Element auszuwählen

• Versuchen Sie, die Größe eines noch nicht geladenen Bildes zu erhalten

jQuery bietet auch eine kürzere Methode für das document.ready-Ereignis:

$(function() {
　　//　jQuery-Methode, mit der gleichen Wirkung wie oben
　　});

Verstehen Sie den Code besser, indem Sie $(document).ready() verwenden.

Hinweis:Dieses $(document).ready() ist ein Ereignis, das verwendet wird, um mit jQuery sicher auf die Seite zuzugreifen (der Code in diesem Ereignis wird nur dann ausgeführt, wenn der DOM vollständig bereit ist).