suchen

Heim >Web-Frontend >js-Tutorial >Übersicht über das jQuery-Framework

Übersicht über das jQuery-Framework

善始善终
善始善终Original
2020-08-26 22:16:55252Durchsuche

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!

JavaScript jquery css ajax html 封装 function 事件 dom this 选择器 https
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：10 eckige Interviewfragen, die von fröhlich bis traurig reichenNächster Artikel：10 eckige Interviewfragen, die von fröhlich bis traurig reichen

In Verbindung stehende Artikel

Mehr sehen