jquery ist eine Bibliothek. jquery ist eine hervorragende JavaScript-Codebibliothek, die entwickelt wurde, um die JS-Entwicklung oder DOM und andere Vorgänge zu vereinfachen. Sie kapselt häufig verwendete Funktionscodes (Funktionen) von JS, bietet ein einfaches JS-Entwurfsmuster und optimiert den HTML-Dokumentbetrieb. Ereignisverarbeitung, Animationsdesign, Ajax-Interaktion usw.
Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.6.1-Version, Dell G3-Computer.
jQuery ist ein schnelles und prägnantes JavaScript-Framework. Es ist eine weitere hervorragende JavaScript-Codebibliothek (Framework), die im Januar 2006 von John Resig veröffentlicht wurde. Der Zweck des jQuery-Designs besteht darin, „weniger zu schreiben, mehr zu tun“, was bedeutet, weniger Code zu schreiben und mehr Dinge zu tun. Es kapselt häufig verwendete Funktionscodes in JavaScript, stellt ein einfaches JavaScript-Entwurfsmuster bereit und optimiert HTML-Dokumentvorgänge, Ereignisverarbeitung, Animationsdesign und Ajax-Interaktion.
jquery ist eine von JavaScript gekapselte Klassenbibliothek. Es bezieht sich auf eine gekapselte JavaScript-Funktionsbibliothek, eine leichtgewichtige JavaScript-Bibliothek, die „weniger schreibt und mehr tut“.
jQuery kapselt gängige JavaScript-Funktionscodes, stellt ein einfaches JavaScript-Entwurfsmuster bereit und optimiert HTML-Dokumentvorgänge, Ereignisverarbeitung, Animationsdesign und Ajax-Interaktion.
Der Zweck des jQuery-Designs besteht darin, „weniger zu schreiben, mehr zu tun“, was bedeutet, weniger Code zu schreiben und mehr Dinge zu tun.
Die Kernfunktionen von jQuery lassen sich wie folgt zusammenfassen: Es verfügt über eine einzigartige Kettensyntax und eine kurze und übersichtliche multifunktionale Schnittstelle. Es verfügt über einen effizienten und flexiblen CSS-Selektor und kann den CSS-Selektor erweitern -in-Erweiterungsmechanismus und umfangreiches Plugin. jQuery ist mit verschiedenen gängigen Browsern kompatibel, z. B. IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+ usw.
jQuery-Sprachfunktionen:
1. Dokumentelemente schnell abrufen
Der Auswahlmechanismus von jQuery basiert auf dem CSS-Selektor, der die Möglichkeit bietet, Elemente in DOM-Dokumenten schnell abzufragen und den Abruf in JavaScript-Seitenelementen erheblich zu verbessern .
2. Bieten Sie schöne dynamische Seiteneffekte.
jQuery verfügt über eine Reihe integrierter Animationseffekte, mit denen sich sehr schöne Webseiten entwickeln lassen, z. B. Ein- und Ausblenden, Elemententfernung usw andere dynamische Spezialeffekte.
3. Erstellen Sie AJAX-Webseiten ohne Aktualisierung.
AJAX ist die Abkürzung für asynchrones JavaScript und XML. Es kann sehr sensible Webseiten ohne Aktualisierung entwickeln, z Um mit dem Server hin und her zu kommunizieren, muss die Webseite jedes Mal aktualisiert werden, wenn die Daten aktualisiert werden. Nach der Verwendung von AJAX-Spezialeffekten kann die Seite jedoch teilweise aktualisiert werden, um dynamische Effekte bereitzustellen.
4. Bereitstellung von Verbesserungen für die JavaScript-Sprache
jQuery bietet Verbesserungen für grundlegende JavaScript-Strukturen, wie z. B. Elementiteration und Array-Verarbeitung.
5. Verbesserte Ereignisbehandlung
jQuery bietet verschiedene Seitenereignisse, die Programmierer daran hindern können, zu viel Ereignisbehandlungscode in HTML hinzuzufügen. Am wichtigsten ist, dass der Ereignishandler verschiedene Probleme mit der Browserkompatibilität überflüssig macht.
6. Den Inhalt der Webseite ändern
jQuery kann den Inhalt der Webseite ändern, z. B. den Text der Webseite ändern, Webseitenbilder einfügen oder umdrehen. jQuery vereinfacht die Art und Weise, wie JavaScript-Code verarbeitet werden muss.
Der Grund, warum JQuery so hervorragend ist, liegt darin, dass es viele hervorragende Funktionen integriert, darunter hauptsächlich die folgenden:
·Verwendung von CSS-Selektoren zur Bereitstellung eines Hochgeschwindigkeitsverhaltens bei der Elementsuche.
·Bietet eine Abstraktionsschicht zur Standardisierung verschiedener allgemeiner Aufgaben und kann Kompatibilitätsprobleme verschiedener Browser lösen.
·Vereinfachen Sie komplexe Codes und stellen Sie einen seriellen Programmiermodus bereit, der die Bedienung von Codes erheblich vereinfacht.
1. Nach dem Laden der Seite ausführen:
Wenn wir normalerweise das Vorladen verwenden, müssen wir die Methode an onload() binden:
<script type="text/javascript">
document.onload = function () {
// 这个事件在页面加载完成之后加载的
}
</script>Aber in Mit jQuery müssen wir nur $() verwenden, um die Methode
<script type="text/javascript">
$.ready(function () {
});
$(function () {
//这两个都可以
console.log("页面加载");
});
//在$()中的函数可以自动加载onload函数
</script>2 zu laden. Geben Sie über die Etikettenauswahlzeichenfolge die jQuery-Verpackungszeile des Etikettenobjekts zurück.
Im DOM-Objekt verwenden wir :
<script type="text/javascript">
var div = document.getElementsByTagName("div")[0];
</script>um ein Tag auszuwählen.
Aber in jQuery:
<script type="text/javascript">
var div = $("div");
</script>p hier ist ein Array
3 Die dritte Methode konvertiert DOM-Objekte in jQuery-Objekte
Wir können DOM-Objekte in jQuery-Objekte konvertieren:
<script type="text/javascript">
var div1 = document.getElementsByTagName("div")[0];
var jqy = $(div1);
</script>Hier haben wir das DOM Objektmethode in jqy.
Gesamtcode:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery</title>
<style>
<!--选择器 -->
div{
/*重定义标签选择器*/
background: #000;
}
</style>
</head>
<body>
<div>Hello!</div>
<script src="js/jquery-3.4.1.slim.min.js"/>
<script type="text/javascript">
document.onload = function () {
// 这个事件在页面加载完成之后加载的
}
$.ready(function () {
});
$(function () {
//这两个都可以
console.log("页面加载");
});//可以自动加载onload函数
/*
* 2.通过标签选择器字符串，返回标签对象的的jQuery包装对线
* */
//在DOM对象中，我们使用
// var div = document.getElementsByTagName("div")[0];
//选择的是div的集合
var div = $("div");
div.css("","");//两个值，前面的是名称，后面是值
/*
* 3.第三种方法把DOM对象转换成jQuery对象
* */
var div1 = document.getElementsByTagName("div")[0];
var jqy = $(div1);
</script>
</body>
</html>[Empfohlenes Lernen: jQuery-Video-Tutorial, Web-Frontend-Video]
Das obige ist der detaillierte Inhalt vonIst jquery eine Bibliothek?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
