Wie man AJAX jQuery für HTML5 und CSS3 benutzt Programmierung - Dummies

Obwohl viele herausragende AJAX / JavaScript-Bibliotheken für HTML5- und CSS3-Programmierer verfügbar sind, ist jQuery schnell zu einer der prominentesten geworden. Hier sind einige Gründe für die Beliebtheit von jQuery:

Es ist eine mächtige Bibliothek. Das jQuery-System ist unglaublich leistungsstark. Es kann alle möglichen beeindruckenden Dinge tun, um Ihr JavaScript leichter zu schreiben.
Es ist leichtgewichtig. Sie müssen in jede Datei, die sie benötigt, einen Verweis auf Ihre Bibliothek einfügen. Die gesamte jQuery-Bibliothek passt in 55K, was kleiner als viele Bilddateien ist. Es hat keinen signifikanten Einfluss auf die Download-Geschwindigkeit.
Es unterstützt einen flexiblen Auswahlmechanismus. jQuery vereinfacht und erweitert das Dokument erheblich. getElementById-Mechanismus, der für die DOM-Bearbeitung von zentraler Bedeutung ist.
Es hat großartige Animationsunterstützung. Sie können jQuery verwenden, um Elemente erscheinen zu lassen und zu verblassen, zu verschieben und zu verschieben.
Es macht AJAX-Abfragen trivial. Sie werden schockiert sein, wie einfach AJAX mit jQuery ist.
Es verfügt über einen erweiterten Ereignismechanismus. JavaScript hat eine sehr eingeschränkte Unterstützung für Ereignisse. jQuery fügt ein sehr mächtiges Werkzeug hinzu, um fast jedem Element Event-Handler hinzuzufügen.
Es bietet plattformübergreifende Unterstützung. Die jQuery-Bibliothek versucht, Probleme mit der Browserkompatibilität für Sie zu verwalten, sodass Sie nicht so sehr darauf achten müssen, welcher Browser gerade verwendet wird.
Es unterstützt Benutzeroberflächen-Widgets. jQuery bietet eine leistungsstarke Benutzeroberflächenbibliothek, einschließlich Tools, die HTML nicht enthält, wie Drag & Drop-Steuerelemente, Schieberegler und Datumsauswahlen.
Es ist sehr erweiterbar. jQuery verfügt über eine Plug-In-Bibliothek, die alle Arten von optionalen Funktionen unterstützt, einschließlich neuer Widgets und Tools wie Audio-Integration, Bildergalerien, Menüs und vieles mehr.
Es werden leistungsstarke neue Programmierideen vorgestellt. jQuery ist ein großartiges Werkzeug, um einige wirklich interessante Ideen wie funktionale Programmierung und verkettbare Objekte kennenzulernen.
Es ist kostenlos und Open Source. Es ist unter einer Open-Source-Lizenz verfügbar, was bedeutet, dass es nichts kostet, es zu benutzen, und Sie können es nachschlagen und es ändern, wenn Sie es wünschen.
Es ist ziemlich typisch. Wenn Sie sich für eine andere AJAX-Bibliothek entscheiden, können Sie die Ideen, die Sie in jQuery gelernt haben, trotzdem übertragen.

Installation von jQuery

Die jQuery-Bibliothek ist einfach zu installieren und zu verwenden. Folge diesen Schritten:

Gehe zu jquery. com.
Laden Sie die aktuelle Version herunter.

Derzeit ist die aktuellste Version 1.10. 2. Es gibt eine 2. X-Serie, aber diese Versionen unterstützen keine älteren Browser und werden daher erst übernommen, wenn die älteren Browser (insbesondere IE 6 und weniger) überhaupt nicht mehr verwendet werden.

Möglicherweise können Sie aus einer Reihe von Versionen der Datei auswählen. Die minimierte Version wird für die tatsächliche Verwendung empfohlen. Um diese Datei so klein wie möglich zu machen, wurde jedes unnötige Zeichen entfernt. Diese Datei ist sehr kompakt, aber schwer zu lesen. Laden Sie die nicht-minimierte Version herunter, wenn Sie den Code tatsächlich lesen möchten, aber es ist im Allgemeinen besser, die minimierte Version in Ihre Programme einzubinden.
Speichern Sie die resultierende Datei in Ihrem Arbeitsverzeichnis.

jQuery-1. 10. 2. min. js ist die aktuelle Datei.

Um die Bibliothek in Ihre Seiten einzubinden, verknüpfen Sie sie einfach mit einer externen JavaScript-Datei:

Stellen Sie sicher, dass Sie den vorhergehenden Code einschließen, bevor Sie anderen Code schreiben oder einschließen, der auf jQuery verweist.

So importieren Sie jQuery von Google

Ganz einfach, indem Sie jQuery-Unterstützung hinzufügen, haben Sie eine weitere großartige Möglichkeit, Ihre Seiten um jQuery (und andere AJAX-Bibliotheken) zu erweitern, ohne etwas herunterzuladen. Google verfügt über eine öffentlich zugängliche Version mehrerer wichtiger Bibliotheken (einschließlich jQuery), die Sie von seinen Servern herunterladen können.

Dies hat einige interessante Vorteile:

Sie müssen keine Bibliotheken installieren. Alle Bibliotheksdateien bleiben auf dem Google-Server.
Die Bibliothek wird automatisch aktualisiert. Sie haben immer Zugriff auf die neueste Version der Bibliothek, ohne Änderungen am Code vorzunehmen.
Die Bibliothek lädt möglicherweise schneller. Wenn zum ersten Mal eine Ihrer Seiten die Bibliothek von den Google-Servern liest, müssen Sie auf den vollständigen Download warten, aber dann wird die Bibliothek in einem Cache (eine Form des Browserspeichers) gespeichert, damit Nachfolgende Anfragen sind im Wesentlichen unmittelbar.

So geht's:

Im Wesentlichen ist das Laden von jQuery von Google ein zweistufiger Prozess:

Laden Sie die Google API von Google.

Verwenden Sie das erste Tag, um auf den Google AJAX API-Server zu verweisen. Dies gibt Ihnen Zugang zu Google. load () Funktion.
Rufen Sie Google auf. load () zum Laden von jQuery.
- Der erste Parameter ist der Name der Bibliothek, die Sie laden möchten.
- Der zweite Parameter ist die Versionsnummer. Wenn Sie diesen Parameter leer lassen, erhalten Sie die neueste Version. Wenn Sie eine Nummer angeben, gibt Google die neueste Version dieser Version an.

Beachten Sie, dass Sie keine Dateien lokal installieren müssen, um den Google-Ansatz verwenden zu können.

Alle diese Optionen zum Verwalten von jQuery können schwindelig sein. Verwenden Sie die Technik, die für Sie am besten funktioniert.