Heim > Artikel > Web-Frontend > Was ist jquery eine Klassenbibliothek?
jquery ist eine in JavaScript gekapselte Klassenbibliothek. jQuery ist eine Klassenbibliothek, die entwickelt wurde, um die JS-Entwicklung oder DOM-Operationen zu vereinfachen. Sie kapselt häufig verwendete Funktionscodes (Funktionen) in JS, bietet ein einfaches JS-Entwurfsmuster und optimiert HTML-Dokumentoperationen, Ereignisverarbeitung und Animationsdesign. usw.
Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.2.1-Version, Dell G3-Computer.
jquery ist eine in JavaScript gekapselte Klassenbibliothek.
Um die JavaScript-Entwicklung oder DOM und andere Vorgänge zu vereinfachen, wurden einige JavaScript-Bibliotheken entwickelt.
JavaScript-Bibliotheken kapseln viele vordefinierte Objekte und Dienstprogrammfunktionen.
Es kann Benutzern dabei helfen, Rich-Client-Seiten mit Web2.0-Funktionen und Interaktion auf hohem Niveau zu erstellen, und ist mit den wichtigsten Browsern kompatibel.
jQuery ist nach Prototype eine weitere hervorragende JavaScript-Bibliothek.
jQuery-Philosophie: Weniger schreiben, mehr tun.
jQuery kapselt gängige JavaScript-Funktionscodes, stellt ein einfaches JavaScript-Entwurfsmuster bereit und optimiert HTML-Dokumentvorgänge, Ereignisverarbeitung, Animationsdesign und Ajax-Interaktion.
Die jQuery-Bibliothek umfasst Kernbibliotheken, Benutzeroberflächen, Plug-Ins und jQuery Mobile-Module.
Mit seinen leistungsstarken Selektoren, Kettenoperationen und hervorragender Browserkompatibilität vereinfacht jQuery Vorgänge wie den Zugriff auf und die Aktualisierung von HTML-Seiten, DOM-Vorgänge, Ereignisverarbeitung und Animationsausführung erheblich.
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-Version
1.xx.x-Version: kompatibel mit fast allen aktuell auf dem Markt befindlichen Browsern
2.xx.x-Version: zunächst nicht mehr kompatibel mit IE-Browser, später auf nicht mehr kompatibel Kompatibel mit IE6/7/8-Version
3.xx.x-Version: Nicht kompatibel mit IE6/7/8
Factory-Funktion
Die Factory-Funktion dient als Einstiegspunkt für jQuery-Operationen Durch diese Funktion können Funktionen wie das Positionieren von Seitenelementen, das Packen von DOM-Objekten in jQuery-Objekte und das Erstellen von Seitenelementen implementiert werden.
Zwei Möglichkeiten, die Factory-Funktion zu schreiben:
Erklärung: Das Symbol „$“ hat dieselbe Bedeutung wie das Wort „jQuery“, eine Konvention des jQuery-Kerns Bibliothek.
window.jQuery = window.$ = jQuery;
Code:
//DOM操作(返回DOM对象) - 获取页面中的按钮元素 var but = document.getElementById('but1'); // var but2 = document.getElementById('but2'); console.log(but); /* jQuery操作 - 获取页面中的按钮元素 jQuery() - 称为jQuery的工厂函数 作用 - 该函数是jQuery的一个入口 1.用于定位页面元素 用法 - 另一种用法是'$()' 返回值 - jQuery对象 */ var but = jQuery('#but'); // var but2 = $('#but'); console.log(but)
Effekt:
DOM-Objekt und jQuery-Objekt
jQuery-Objekt
Das sogenannte jQuery-Objekt bezieht sich auf ein von einem DOM-Objekt gekapseltes Objekt.
Das heißt, die zugrunde liegende Logik des JQuery-Objekts ist immer noch das DOM-Objekt. Das jQuery-Objekt wird einfach in ein neues Objekt gekapselt, das auf dem DOM-Objekt basiert und eine Reihe von Eigenschaften und Methoden bereitstellt von jQuery stehen vor dem Hinzufügen eines „$“. Dies ist nicht zwingend erforderlich.
//jQuery操作 - 返回变量增加一个前缀“$” var $but = jQuery('#but'); var $but = $('#but');
DOM-Objekt und jQuery-Objekt
1. DOM-Objekt in jQuery-Objekt konvertieren – Factory-Funktion
var but = document.getElementById('but1'); //将DOM对象转换为jQuery对象 - 工厂函数 var $but = jQuery(but); console.log($but);
2. jQuery-Objekt in DOM-Objekt konvertieren
jQuery-Objekt ist ein Array-ähnliches Objekt – jQuery-Objekt [ Index value]jQuery-Objekt stellt die get(index)-Methode bereit – Index stellt den Indexwert dar/* 将jQuery对象转换为DOM对象 jQuery对象是一个类数组对象 - jQuery对象[索引值] jQuery对象提供了get(index)方法 - index表示索引值 */ var but1 = $but[0]; console.log(but1); var but2 = $but.get(0); console.log(but2);
Das obige ist der detaillierte Inhalt vonWas ist jquery eine Klassenbibliothek?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!