Heim  >  Artikel  >  Web-Frontend  >  Was ist jquery eine Klassenbibliothek?

Was ist jquery eine Klassenbibliothek?

青灯夜游
青灯夜游Original
2022-05-24 15:38:5212474Durchsuche

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.

Was ist jquery eine Klassenbibliothek?

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:
Was ist jquery eine Klassenbibliothek?

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);
    [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!

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