jQuery können Sie Elemente in einer Webseite mit Leichtigkeit zu wählen. Sie können alles, was Sie auf einer Seite wollen finden und dann jQuery Spezialeffekte hinzufügen verwenden, reagieren auf Benutzeraktionen oder ein- und ausblenden Inhalt innerhalb oder außerhalb des Elements, das Sie gewählt haben. All diese Aufgaben beginnen mit zu wissen, wie ein Element zu wählen. Hier ist eine handliche Liste, die Sie fast alles, was auf Ihrer Webseite auswählen können.
Menu
| Zur Auswahl nach | Benutze das |
|---|---|
| Elementtyp (zum Beispiel, | $ ( "Img") |
| Alle Elemente | $ ( "*") |
| ID (zum Beispiel id = "thisIsTheID") | $ ( "# ThisIsTheID") |
| Klasse (beispielsweise class = "someclass") | $ ( ". Someclass") |
| Ordnung (beispielsweise die ersten oder letzten | $ ( "Img: first") $ ( "Img: last") |
| Attribut, (zum Beispiel bekommen die Länge Attribut | $ ( "Img [height]"). Länge |
| Parent (zum Beispiel die Eltern von ) | $ ( "Div: parent") |
| Child (zum Beispiel die erste oder letzte Kind ) | $ ( "Div: first-child") $ ( "Div: last-child") |
jQuery-Effekte sind viel Spaß und kann eine einfache, statische Web-Seite in eine dynamische, interaktive Erlebnis für die Besucher der Website zu transformieren. Ein Teil des visuellen Interesse, dass jQuery bietet, ist die Fähigkeit zu zeigen, verstecken, Rutsche, und Elemente verblassen. Die Beispiele, die alle nutzen diesen Beispielcode wie folgt vor:
Meine Testseite
Hier ist ein kurzer Überblick darüber, wie diese Effekte zu einem Element auf einer Webseite zu bewerben.
| Bewirken | Code |
|---|---|
| Verstecken | $ ( ": Eintragen") klicken (function () {. $ ( "Div") verstecken (). - }) - |
| Show | $ ( ": Eintragen") klicken (function () {. $ ( "# Showme") show (). - }) - |
| Herunterrutschen | $ ( ": Eintragen") klicken (function () {. $ ( "# Showme") slidedown (). - }) - |
| Nach oben schieben | $ ( ": Eintragen") klicken (function () {. $ ( "# HideMe") slideUp (). - }) - |
| Einblenden | $ ( ": Eintragen") klicken (function () {. $ ( "# Showme") fadeIn (). - }) - |
| Ausblenden | $ ( ": Eintragen") klicken (function () {. $ ( "# HideMe") fadeOut (). - }) - |
jQuery bietet Ihnen einfache Möglichkeiten an den Daten in Ihrer Web-Seite zu gelangen. Insbesondere können Sie Inhalte einfügen Sie überall auf Ihrer Seite wünschen. Die Beispiele, die alle nutzen diesen Beispielcode wie folgt vor:
Meine Testseite
Hier ist ein kurzer Überblick darüber, wie vor zum Einfügen von Inhalten, nach und innerhalb eines Elements in einer Web-Seite:
| So platzieren Sie Inhalt | Code |
|---|---|
| Vor und außerhalb der (Vor) | $ ( ": Eintragen") klicken (function () {. $ ( "Div"). Vor ( "Vor ") - }) - |
| Im Rücken und außerhalb der (nach) | $ ( ": Eintragen") klicken (function () {. $ ( "Div"). Nach ( "Nach ") - }) - |
| Im Inneren der aber beforeexisting Inhalt (prepend) | $ ( ": Eintragen") klicken (function () {. . $ ( "Div") voranstellen ( "Neue Inhalte!") - }) - |
| Im Inneren der aber afterexisting Inhalt (append) | $ ( ": Eintragen") klicken (function () {. $ ( "Div") anhängen ( "Neue Inhalte!"). - }) - |
Wie Sie Erfahrungen mit jQuery gewinnen, haben Sie wahrscheinlich Fragen zu fortgeschrittenen Techniken jQuery. Und nachdem Sie jQuery-Plug-ins verwenden, werden Sie süchtig und wollen mehr zu bekommen. jQuery.com bietet viele technische Unterstützung und die offizielle Liste der jQuery-Plug-Ins. Besuchen Sie diese zusätzlichen Stellen für Antworten auf Ihre Fragen jQuery und für mehr Möglichkeiten zu erweitern, wie Sie jQuery in Ihre Web-Seiten verwenden: