So wählen Sie Elemente mit jQuery

ie meisten von dem, was Sie in jQuery tun werde, geschieht durch Selektoren. Zum Beispiel, werden Sie häufig ein Stück einer Webseite markieren, und dann haben jQuery eine Aktion auf diesem Stück der Seite auszuführen. Diese Aktion könnte alles aus das Hinzufügen von Text, HTML ändern, ändert CSS oder, na ja, fast alles was Sie sich vorstellen können!

Der grundlegende Ablauf für javascript-Programmierung mit jQuery, ist dies:

  1. Wählen Sie ein Element auf der Webseite (oder die gesamte Seite selbst).

  2. Tun Sie etwas Interessantes mit diesem Element.

Okay, was Sie mit dem Element zu tun haben, nicht interessant sein, aber Sie werden etwas mit dem ausgewählten Element zu tun. Das ist etwas, kann alles von Entfernen des Element sein, um das Hinzufügen oder Ändern oder einfach nur Informationen aus dem Element erhalten, wie der Text oder aktuellen CSS-Stile.

jQuery Selektoren up close

Es gibt drei primäre oder Grund Selektoren in jQuery. Sie sind diejenigen, die Sie am häufigsten verwenden werden. Sie können bis sehr komplexe Selektoren eingestellt auf die Struktur der Seite basiert, aber meistens werden Sie eines dieser drei Selektoren:

  • Durch Klasse

  • Durch die Identifikation

  • Mit dem Element

Wenn Sie einige HTML hatte, die wie folgt aussah:

Mein Buch

Sie könnten das mit jQuery wie folgt zugreifen:

$ ( "# Buchtitel")

Es ist wichtig zu beachten, dass sich die Dinge in jQuery (und javascript) Groß- und Kleinschreibung. Damit Buchtitel ist nicht das gleiche wie BUCHTITEL und nicht das gleiche wie Buchtitel. Es spielt keine Rolle, was Fall, dass Sie verwenden, solange es zwischen dem HTML-Spiele und der javascript und jQuery.

Nun nehmen Sie einen Blick auf dieses Stück HTML:

Dies ist ein Text

Die jQuery-Selektor sieht wie folgt aus:

$ ( ". TitleClass")

Wenn Sie denken, dass diese Wähler wie ihre CSS-Pendants aussehen, haben Sie Recht. Keine Sorge, wenn Sie nicht gedacht haben, dass- es wird kein Quiz sein.

In CSS zugreifen Sie Elemente durch ihre Identifikation mit einem Nummernzeichen (#) Und Sie Zugriff auf Klassen mit einem einzigen Punkt (.):

# bookTitle.titleClass

Alles, was Sie für jQuery tun, ist es in der Verpackung $ () konstruieren und verwenden auch einige Zitate. So erhalten Sie diese:

$ ( "# Buchtitel") $ ( ". TitleClass")

Der andere häufig verwendete Selektor greift alle Elemente eines bestimmten Typs. Die folgende Selektor wählt alle Elemente auf der gesamten Seite:

$ ( "Div")

Es gibt erweiterte Selektoren. Zum Beispiel können Sie durch die Position eines Elements auswählen, die auf der Seite, und, na ja, fast jede Kombination, die man sich denken kann. Aber Sie werden diese drei am häufigsten verwenden.

jQuery-Filterung

Eine weitere Sache, die Sie über jQuery Selektoren wissen sollten, ist, dass Sie sie filtern. Dies ist besonders praktisch, wenn es darum geht, mit Formen und Ereignisse zu arbeiten.

Ähnliche

Menü