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:

• $()
• jQuery()

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对象转换为DOM对象
                jQuery对象是一个类数组对象 - jQuery对象[索引值]
                jQuery对象提供了get(index)方法 - index表示索引值
        */

        var but1 = $but[0];
        console.log(but1);
        var but2 = $but.get(0);
        console.log(but2);

[Empfohlenes Lernen:
• jQuery-Video-Tutorial
,
• Web-Frontend-Video
]

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!