Wie Verwenden von AJAX jQuery für HTML5 und CSS3 Programmierung

Obwohl viele hervorragende AJAX / javascript-Bibliotheken für HTML5 und CSS3-Programmierer zur Verfügung stehen, hat sich zu jQuery schnell zu einem der prominentesten. Hier sind einige der Gründe für die Beliebtheit von jQuery:

  • Es ist eine leistungsfähige Bibliothek. Das jQuery-System ist unglaublich mächtig. Es können alle Arten von beeindruckende Dinge tun sie javascript leichter zu schreiben.

  • Es ist leicht. Sie müssen einen Verweis auf die Bibliothek in jeder Datei enthalten, die es braucht. Die gesamte jQuery-Bibliothek passt in 55K, die kleiner ist als viele Bilddateien ist. Es wird keine wesentlichen Auswirkungen auf die Download-Geschwindigkeit haben.

  • Es unterstützt eine flexible Auswahlmechanismus. jQuery erheblich vereinfacht und erweitert die document.getElementById Mechanismus, der DOM-Manipulation zentral ist.

  • Es hat eine große Unterstützung für Animationen. Sie können jQuery verwenden, um Elemente erscheinen und verblassen, bewegen und schieben.

  • Es macht AJAX-Abfragen trivial. Sie werden schockiert sein, wie einfach AJAX ist mit jQuery.

  • Es hat ein verbessertes Event-Mechanismus. javascript hat nur sehr begrenzte Unterstützung für Veranstaltungen. jQuery fügt ein sehr leistungsfähiges Werkzeug für das Hinzufügen von Event-Handler auf fast jedes Element.

  • Es bietet plattformübergreifende Unterstützung. Die jQuery-Bibliothek versucht Browser-Kompatibilitätsprobleme für Sie zu verwalten, so dass Sie müssen nicht so viel Stress über genau, welcher Browser verwendet wird.

  • Es unterstützt Widgets Benutzeroberfläche. jQuery kommt mit einer leistungsfähigen Benutzeroberfläche Bibliothek, einschließlich der Werkzeuge HTML nicht, wie Drag-and-Drop-Steuerelemente, Schieber und Datumsauswahl haben.

  • Es ist sehr dehnbar. jQuery hat ein Plug-in-Bibliothek, die alle Arten von optionalen Funktionen unterstützt, darunter neue Widgets und Tools wie Audiointegration, Bildergalerien, Menüs und vieles mehr.

  • Es stellt leistungsstarke neue Programmideen. jQuery ist ein großes Werkzeug über einige sehr interessante Ideen, wie die funktionale Programmierung und verkettbar Objekte für das Lernen.

  • Es ist kostenlos und Open Source. Es ist verfügbar unter einer Open-Source-Lizenz, das heißt, es nichts zu benutzen kostet, und man kann es so aussehen vorbei und es ändern, wenn Sie es wünschen.

  • Es ist ziemlich typisch. Wenn Sie eine andere AJAX-Bibliothek verwenden möchten, können Sie immer noch die Ideen bringen Sie in jQuery gelernt.

Wie installiert man jQuery

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

  1. Gehe zu jquery.com.

  2. Laden Sie die aktuelle Version.

    Derzeit ist die aktuelle Version 1.10.2. Es gibt eine 2.x-Serie, aber diese Versionen nicht unterstützen ältere Browser, so wird erst in den älteren Browsern (insbesondere IE 6 und weniger) nicht mehr überhaupt verwendet erlassen.

    Sie können aus einer Anzahl von Versionen der Datei zu wählen können. Die minimierte Version wird für den tatsächlichen Einsatz empfohlen. Um diese Datei so klein wie möglich zu machen, wurde jede unnötige Zeichen entfernt. Diese Datei ist sehr kompakt, aber schwer zu lesen. Laden Sie die nonminimized Version, wenn Sie möchten, um tatsächlich den Code lesen, aber es ist in der Regel besser, die Minimalversion in Ihren Programmen enthalten.

  3. Speichern Sie die resultierende Datei in das Arbeitsverzeichnis.

    jQuery-1.10.2.min.js ist die aktuelle Datei.

Um die Bibliothek in Ihre Seiten integrieren, link einfach, um es als eine externe javascript-Datei:

Achten Sie darauf, den obigen Code enthalten, bevor Sie schreiben oder anderen Code enthalten, der auf jQuery verweist.

Wie jQuery von Google zu importieren

Einfach, wie es ist jQuery-Unterstützung hinzufügen, haben Sie eine weitere gute Möglichkeit, jQuery (und andere AJAX-Bibliothek) Unterstützung, um Ihre Seiten hinzuzufügen, ohne etwas herunterladen zu müssen. Google hat eine öffentlich verfügbare Version von mehreren wichtigen Bibliotheken (einschließlich jQuery), die Sie von seinen Servern herunterladen können.

Dies hat ein paar interessante Vorteile:

  • Sie müssen keine Bibliotheken installieren. Alle Bibliotheksdateien bleiben auf dem Google-Server.

  • Die Bibliothek wird automatisch aktualisiert. Sie haben jederzeit Zugriff auf die neueste Version der Bibliothek, ohne Änderungen an Ihrem Code zu machen.

  • Die Bibliothek kann schneller geladen werden. Das erste Mal, wenn einer Ihrer Seiten die Bibliothek von Google-Server liest, müssen Sie für den vollständigen Download warten, aber dann wird die Bibliothek in eine gespeicherte Cache-Speicher (Eine Form von Browser-Speicher), so dass nachfolgende Anforderungen wesentlichen unmittelbar sind.

Hier ist, wie Sie es tun:

 src ="Http://google.com/jsapi"> Lt;/ Script>

Im Wesentlichen Laden jQuery von Google ist ein zweistufiger Prozess:

  1. Laden Sie die Google-API von Google.

    Verwenden Sie die erste Tag in die Google AJAX API-Server zu beziehen. Dies gibt Ihnen Zugriff auf die google.load () Funktion.

  2. Aufrufen google.load ()zu laden jQuery.

  3. Der erste Parameter ist der Name der Bibliothek, die Sie laden möchten.

  4. Der zweite Parameter ist die Versionsnummer. Wenn Sie diesen Parameter leer lassen, erhalten Sie die neueste Version verfügbar. Wenn Sie eine Zahl angeben, Google gibt Ihnen die neueste Variante dieser Version.

Beachten Sie, dass Sie alle Dateien nicht lokal installiert werden müssen, um die Google-Ansatz verwenden.

Alle diese Optionen für die Verwaltung von jQuery können schwindelerregende sein. Verwenden Sie je nachdem, was Technik am besten für Sie.

Ähnliche

Menü