Heim > Artikel > Web-Frontend > Übersicht über das jQuery-Framework
Übersicht über das jQuery-Framework
- 善始善终Original
- 2020-08-26 22:16:55160Durchsuche
1. jQuery ist eine JavaScript-Funktionsbibliothek. jQuery ist eine leichtgewichtige JavaScript-Bibliothek mit dem Motto „Weniger schreiben, mehr tun“. Die jQuery-Bibliothek umfasst die folgenden Funktionen:
HTML-Elementauswahl
HTML-Elementmanipulation
CSS-Manipulation
HTML-Ereignisfunktionen
JavaScript-Spezialeffekte und -Animation
HTML DOM Durchquerung und Änderung
AJAX
Dienstprogramme
2.jQury Vorteile
Leichter, leistungsstarker Selektor, hervorragende Kapselung von DOM-Operationen, zuverlässiger Mechanismus zur Ereignisbehandlung, perfektes Ajax, keine Verschmutzung von Variablen der obersten Ebene, Hervorragende Browserkompatibilität, Kettenbetriebsmodus, implizite Iteration, Trennung von Verhaltensschicht und Strukturschicht, umfassende Plug-In-Unterstützung:, vollständige Dokumentation, Open Source.
3. Es gibt viele Möglichkeiten, jQuery zu einer Webseite hinzuzufügen. Sie können die folgenden Methoden verwenden:
Laden Sie die jQuery-Bibliothek von jquery.com herunter
Laden Sie jQuery vom CDN, z. B. Laden von jQuery von Google
4. Laden Sie jQuery von der offiziellen Website herunter
(1) Rufen Sie die offizielle Website auf (https://jquery.com/download/)
(2) Klicken Sie auf die Schaltfläche „jQuery herunterladen“, um die Download-Seite aufzurufen
(3) Es stehen zwei Versionen von jQuery zum Download zur Verfügung:
Produktionsversion – Verwendung In der eigentlichen Website wurde sie optimiert und komprimiert.
Entwicklungsversion – zum Testen und Entwickeln (unkomprimierter, lesbarer Code)
(4) Die jQuery-Bibliothek ist eine JavaScript-Datei, auf die Sie mithilfe des HTML-Tags 3f1c4e4b6b16bbbd69b2ee476dc4f83a verweisen können.
5. CDN-Konfiguration jQUEry
Wenn Sie jQuery nicht herunterladen und speichern möchten, können Sie es auch über ein CDN (Content Delivery Network) referenzieren. Staticfile CDN, Baidu, Youpaiyun, Sina, Google und Microsoft haben alle jQuery auf ihren Servern. Wenn Ihre Website-Benutzer aus dem Inland stammen, wird empfohlen, inländische CDN-Adressen wie Baidu, Youpaiyun, Sina usw. zu verwenden. Wenn Ihre Website-Benutzer aus dem Ausland sind, können Sie Google und Microsoft verwenden. Wenn Sie beispielsweise das CDN von Baidu verwenden möchten, können Sie die folgende Methode verwenden:
<head> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> </head>
6. Die jQuery-Syntax besteht darin, HTML-Elemente auszuwählen und bestimmte Vorgänge für die ausgewählten Elemente auszuführen.
Grundlegende Syntax: $(selector).action()
- Dollarzeichendefinition jQuery
- selector (Selektor) „fragt“ und „findet“ HTML-Elemente
- jQuerys action() führt die Elementoperation aus
- Beispiel:
- $(this).hide() – Verstecke das aktuelle Element
- $("p").hide() – Verstecke alle e388a4556c0f65e1904146cc1a846bee-Elemente
- $ ("p.test").hide() - Alle e388a4556c0f65e1904146cc1a846bee-Elemente ausblenden
- $("#test").hide() - Elemente mit id="test" ausblenden
- 7. jQuery Eingabefunktion
$(document).ready(function(){
// Beginnen Sie mit dem Schreiben von jQuery-Code...
});
Abkürzungsmodus:
$(function(){
/ / Beginnen Sie mit dem Schreiben jQuery-Code...
});
Das obige ist der detaillierte Inhalt vonÜbersicht über das jQuery-Framework. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!