jQuery ist eine leichte JavaScript-Bibliothek, die die Verwendung von JavaScript auf der Webseite erleichtert.
Sie können Ihre Aktion im Vergleich zu JavaScript in weniger Code ausführen.
Dies erleichtert das Bearbeiten der HTML-Dokumente, das Durchlaufen, die Ereignisbehandlung und das Ausführen von AJAX-Anforderungen.
Kompatibel mit den meisten Browsern und unterstützt CSS3 Selektoren zu finden und Stil Eigenschaftenmanipulation.,
Inhalt
- Herunterzuladen und zu Schließen
- Initialize
- External file
- Vertragsschluss
1. Herunterladen und Include
- Navigieren Sie zu jQuery-Offizielle website.
- Die Bibliothek ist in zwei Versionen verfügbar – komprimiert und unkomprimiert. Das komprimierte hat im Vergleich zu unkomprimierten weniger Größe, da es keine zusätzlichen Leerzeichen und Kommentare enthält. Die unkomprimierte Version ist lesbar und einfacher zu debuggen.
- Laden Sie die komprimierte version.,
- Verwenden Sie
<script >
, um die Bibliothek entweder in<head>
oder<body>
in HTML einzuschließen.
<script src='https://makitweb.com/embed-jquery-html-page/jquery-3.2.1.min.js'></script>
- Sie können auch das verfügbare CDN verwenden, um die Bibliothek einzuschließen.
Google CDN
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
Microsoft CDN
<script src='http://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.js'></script>
2. Initialisieren Sie
Auf der Webseite Schreiben Sie Ihren jQuery-Code im Dokumentbereitschaftszustand in das <script >
– Tag.
Beispiel
Im Beispiel habe ich die CDN-Bibliothek verwendet und ein Klickereignis für die Schaltfläche definiert., Klicken Sie auf Wert des Textfeldelements ändern.
Output
Klicken Sie auf die Schaltfläche.
3. Externe Datei
- Erstellen Sie eine neue
script.js
Datei und setzen Sie das obige Skript darauf. - Fügen Sie die
script.js
nach der jQuery-Bibliothek hinzu.
– Skript.js
index.html
Ausgabe
Klicken Sie auf die Schaltfläche.
4. Fazit
Sie können entweder die externe jQuery-Bibliothek oder die CDN-Version verwenden, um das Skript einzuschließen.,
Wenn Sie ein externes Skript erstellt haben und jQuery darauf verwenden, muss es nach dem jQuery-Bibliotheksskript eingefügt werden, da es sonst nicht funktioniert und den Fehler generiert.
Wenn Sie fanden dieses tutorial hilfreich ist dann vergessen Sie nicht zu teilen.