Wie Elements mit jQuery in CSS3 auswählen

Sie können jQuery verwenden, um eine Vielzahl von Objektauswahlen in Ihrer CSS3-Anwendung ausführen, aber zum größten Teil, verwenden Sie die grundlegenden Selektoren. Sie können mehr über sie zu lesen an jQuery. Hier ist eine Liste der grundlegenden Selektoren, die Sie häufig verwenden:

  • Alle Wähler (# 147 - * # 148-): Wählt alle Elemente im Dokument.

  • Objektauswahl (Objekt): Wählt die spezifischen Objekttypen. Das am häufigsten verwendete Objekt ist Dokument.

  • Class-Selektor (# 147-.class- # 148-): Wählt eine bestimmte Klasse, wie durch das Klassenattribut für ein Element festgelegt. Dieser Selektor erscheint immer in Anführungszeichen und wird durch eine Periode voraus.

  • Elementselektoreinrichtung (# 147-Element # 148-): Greift auf alle Elemente mit einem bestimmten Tag-Namen, wie zum Beispiel p für die

    -Tag. Dieser Selektor erscheint immer in Anführungszeichen.

  • ID-Selektor (# 147- # id # 148-): Wählt ein bestimmtes Element mit dem id-Attribut-Wert angegeben. Dieser Selektor erscheint immer in Anführungszeichen und wird durch ein Rautenzeichen (#) vorangestellt.

  • Mehrfachauswahl (# 147-selector1, selector2, WahlN# 148-): Wählt jedes der Elemente in dem Komma getrennte Liste angegeben.

Eine der häufiger verwendeten Selektoren ist das Element Selektor. Nachdem Sie ein Element auswählen, können Sie es in einer Reihe von Möglichkeiten ändern. Zum Beispiel könnten Sie wählen, um den Text mit diesem Element in irgendeiner Weise im Zusammenhang ändern (später werden Beispiele alle möglichen anderen Arten zeigen Ausgang zu manipulieren).

Das folgende Beispiel zeigt, wie die Elemente auswählen und den zugehörigen Text ändern. (Können Sie finden komplette Code für dieses Beispiel in dem Kapitel 06 jQuery-Ordner von der herunterladbaren Code wie SelectingElements.html.)

Auswählen von Elementen

Das Beispiel beginnt mit einfachen

und

Tags, die keinen Text enthalten. Wenn Sie diese Seite, ohne das Skript angezeigt, dann würden Sie eine leere Seite zu sehen. Doch mit dem Skript vorhanden, enthält die Seite nun Informationen. Es ist auch möglich, den Text () -Methode verwenden, um den aktuellen Wert eines Objekts jeglicher Art zu erhalten (vorausgesetzt, das Objekt Text tatsächlich enthält).

bild0.jpg

Menü