suchen

Heim >Web-Frontend >js-Tutorial >Ein vorläufiges Verständnis der JavaScript-Funktionsbibliothek jQuery_jquery

Ein vorläufiges Verständnis der JavaScript-Funktionsbibliothek jQuery_jquery

WBOY
WBOYOriginal
2016-05-16 15:54:231014Durchsuche

Die jQuery-Bibliothek kann mit einer einfachen Markup-Zeile zu einer Webseite hinzugefügt werden.
jQuery-Bibliothek – Funktionen

jQuery ist eine JavaScript-Funktionsbibliothek.

Die jQuery-Bibliothek umfasst die folgenden Funktionen:

  • HTML-Elementauswahl
  • HTML-Elementoperationen
  • CSS-Operationen
  • HTML-Ereignisfunktion
  • JavaScript-Spezialeffekte und -Animationen
  • HTML-DOM-Durchquerung und -Änderung
  • AJAX
  • Dienstprogramme

Fügen Sie die jQuery-Bibliothek zu Ihrer Seite hinzu

Die jQuery-Bibliothek befindet sich in einer JavaScript-Datei, die alle jQuery-Funktionen enthält.

jQuery kann über das folgende Tag zu einer Webseite hinzugefügt werden: 

<head>
<script type="text/javascript" src="jquery.js"></script>
</head>

Bitte beachten Sie, dass sich das 3f1c4e4b6b16bbbd69b2ee476dc4f83a-Tag im 93f0f5c25f18dab9d176bd4f6de5d30e-Bereich befinden sollte.
Grundlegendes jQuery-Beispiel

Das folgende Beispiel demonstriert die Funktion hide() von jQuery, die alle e388a4556c0f65e1904146cc1a846bee-Elemente in einem HTML-Dokument ausblendet.
Beispiel

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">Click me</button>
</body>
</html>

Probieren Sie es selbst aus
jQuery herunterladen

Es stehen zwei Versionen von jQuery zum Download zur Verfügung: eine minimierte Version und eine unkomprimierte Version (zum Debuggen oder Lesen).

Beide Versionen stehen zum Download auf jQuery.com zur Verfügung.
Bibliotheksaustausch

Sowohl Google als auch Microsoft unterstützen jQuery hervorragend.

Wenn Sie die jQuery-Bibliothek nicht auf Ihrem Computer hosten möchten, können Sie die CDN-jQuery-Kerndateien von Google oder Microsoft laden.
Verwenden Sie das CDN von Google

<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs
/jquery/1.4.0/jquery.min.js"></script>
</head>

Verwenden Sie das CDN von Microsoft

<head>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery
/jquery-1.4.min.js"></script>
</head>


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：Was Sie nicht über die detaillierten Kenntnisse der Javascript-Bedienung wissen: DOM (1)_Javascript-FähigkeitenNächster Artikel：Was Sie nicht über die detaillierten Kenntnisse der Javascript-Bedienung wissen: DOM (1)_Javascript-Fähigkeiten

In Verbindung stehende Artikel

Mehr sehen