JQuery: Herstellen einer Verbindung zu einer Webseite

Inhaltsverzeichnis:

JQuery: Herstellen einer Verbindung zu einer Webseite
JQuery: Herstellen einer Verbindung zu einer Webseite
Anonim

jQuery ist eine Javascript-Bibliothek, die sich darauf konzentriert, wie HTML-, JavaScript- und CSS-Technologien zusammenarbeiten.

Was jQuery kann

Die Bibliothek kann mit der folgenden Aufgabenliste arbeiten:

  • kann auf absolut jedes Element des Seitenobjektmodells (DOM) zugreifen und komplexe Manipulationen mit ihnen durchführen;
  • Ereignisbehandlung unterstützt;
  • es gibt Funktionen für verschiedene Grafikeffekte und Animationen;
  • vereinfachtes Arbeiten mit der AJAX-Dynamic-Loading-Technologie (ein sehr wichtiges und äußerst nützliches Feature, aber darüber jetzt nicht);
  • jQuery verfügt über eine große Anzahl eigener Plugins, deren Hauptfunktion darin besteht, grafische Benutzeroberflächen und Benutzerinteraktionen mit ihnen zu implementieren.

Komprimierte und unkomprimierte Versionen der Bibliothek

Entwickler haben mehrere Optionen für das Skript - eine ist komprimiert, die andere nicht. Die Vollversion ist sehr bequem in der Phase des Codierens und Debuggens (Testens) von Webanwendungen zu verwenden. Die minimalisierte Version hingegen wird beim Debuggen nur wenige nützliche Vorteile haben, aber sie lädt viel schneller und nimmt weniger Platz ein. Daher ist eine komprimierte Version von jQuery angemessenbereits im fertigen Projekt verwenden, weil es Servertraffic und Plattenplatz spart.

jquery-Verbindung
jquery-Verbindung

So wählen Sie die richtige jQuery-Version aus

Es gibt heute mehrere Mainstreams in jQuery - die 1.x-, 2.x- und 3.x-Zweige. Ihr auffälliger Unterschied besteht darin, dass ab der zweiten Version jegliche Unterstützung für ver altete Browser eingestellt wurde, wie z. B. den Browser der Microsoft Corporation - Internet Explorer, bis einschließlich der achten Version.

Durch diese Entscheidung konnte das physische Datenvolumen der Bibliothek um zehn Prozent reduziert und ihre Arbeit leicht optimiert werden. Allerdings gibt es weltweit noch Heim- und Firmenrechner, auf denen der alte Internet Explorer als Hauptbrowser installiert ist, wobei der Anteil dieser Nutzer weltweit 3 % nicht überschreitet. Daher liegt es an Ihnen, die ver altete Plattform zu unterstützen oder nicht.

Die Entwickler von jQuery h alten sich an die Prinzipien der Abwärtskompatibilität von Versionen. Das bedeutet, dass Code, der für Version 1.7 der Bibliothek geschrieben wurde, auch mit Version 1.8 funktioniert. Aber manchmal entfernt das Entwicklerunternehmen Funktionen aus jQuery, die nicht nützlich sind, daher ist es besser, die Dokumentation für die neue Version erneut zu lesen, wenn Sie ein Upgrade durchführen.

Im Jahr 2016 wurde ein neuer Zweig von jQuery veröffentlicht. Es war die Version 3.0, die noch schneller und leichter wurde als die alten Versionen. Schließlich wurden Hacks daraus entfernt, um einige Funktionen in ver alteten Browsern zu implementieren, wodurch die Bibliothek als modernes und leistungsstarkes Entwicklungstool positioniert werden konnte.

Wenn dudas Projekt bereits an eine Bibliothek gebunden ist, dann schätzen Sie zunächst die Arbeitskosten für das Upgrade. Wenn sich der Nutzen aus der neuen Version lohnt, können Sie gerne mit der Arbeit beginnen. Für alle Entwickler, die gerade erst anfangen, das Tool in ihren Projekten einzusetzen, empfiehlt es sich, direkt mit den neusten Versionen zu starten.

Erste Schritte mit jQuery

Der erste Schritt besteht darin, jQuery zu verbinden. Dazu müssen Sie die Bibliothek direkt von der jquery.com-Entwicklerressource oder von einem Mirror herunterladen und die Bibliothek auf Ihrem Webserver platzieren.

Lassen Sie uns nun die eigentliche jQuery-Verbindung zur Webseite herstellen. Die Verbindung verschiedener Skripte in der Hypertext-Auszeichnungssprache wird durch das script-Tag gehandhabt. Verbinden Sie jQuery mit folgendem Code:

jquery-Verbindung
jquery-Verbindung

Diese Option eignet sich gut für Offline-Verbindungen, aber es gibt viele andere Möglichkeiten für die Servernutzung.

JQuery über Cloud-Dienste verbinden

Google stellt den Dienst Hosted Libraries bereit, mit dem jeder ein beliebtes Framework oder eine Bibliothek mit seiner Webanwendung verbinden kann. Um jQuery über Google Cloud Storage zu verbinden, verwenden Sie die Zeichenfolge, die der ausgewählten Version entspricht, in folgendem Muster:

wie man die jquery-bibliothek einbindet
wie man die jquery-bibliothek einbindet

Die Zahlen in der Versionssp alte entsprechen der Versionsnummer, die zur Installation und weiteren Arbeit damit zur Verfügung steht. Um eine der Zwischenversionen zu verbinden, kopieren Sie sie einfachnumerische Zahl im Verbindungsstring anstelle der im Beispiel angegebenen Zahlen.

Sie können die Liste der aktuellen Versionen jederzeit einsehen unter:

developers.google.com/speed/libraries/jquery

Wenn Sie Google aus irgendeinem Grund nicht vertrauen, aber dennoch wissen möchten, wie Sie die jQuery-Bibliothek von einem vertrauenswürdigen Server eines Drittanbieters erh alten, verwenden Sie das Repository von Microsoft.

jquery-Bibliothek enth alten
jquery-Bibliothek enth alten

jQuery ist eines der besten Tools zum einfachen Erstellen von Animationen auf Webseiten. Sobald Sie die Leistungsfähigkeit dieses Tools erkannt haben, werden Sie sehr froh sein, dass Sie begonnen haben, eine solche Bibliothek zu lernen.

Skeptiker unter Studenten und Entwicklern glauben, dass es besser ist, alles mit einer reinen Programmiersprache zu implementieren, ohne Bibliotheken von Drittanbietern zu verwenden. Aber Sie müssen verstehen, dass die jQuery-Datei nur zweiunddreißig Kilobyte groß ist und sich höchstwahrscheinlich bereits im Cache des Browsers Ihres Benutzers befindet, wenn Sie das Skript über Google einbinden. Scheuen Sie sich also nicht, Werkzeuge zu lernen, die einem Entwickler das Leben erleichtern. Dafür binden wir schließlich die jQuery-Bibliothek ein - um das Rad nicht neu zu erfinden.

Empfohlen: