Qu’est-ce que jquery, une bibliothèque de classes ?

jquery est une bibliothèque de classes encapsulée en JavaScript. jQuery est une bibliothèque de classes développée pour simplifier le développement JS ou les opérations DOM ; elle encapsule les codes fonctionnels (fonctions) couramment utilisés dans JS, fournit un modèle de conception JS simple et optimise les opérations de documents HTML, le traitement des événements et la conception d'animations, l'interaction Ajax. etc.

L'environnement d'exploitation de ce tutoriel : système windows7, version jquery3.2.1, ordinateur Dell G3.

jquery est une bibliothèque de classes encapsulée en JavaScript.

Afin de simplifier le développement JavaScript ou DOM et d'autres opérations, certaines bibliothèques JavsScript sont nées

Les bibliothèques JavaScript encapsulent de nombreux objets et fonctions utilitaires prédéfinis.

Il peut aider les utilisateurs à créer des pages client riches avec des fonctionnalités Web2.0 avec une interaction de haut niveau et est compatible avec les principaux navigateurs.

jQuery est une autre excellente bibliothèque JavaScript après Prototype

Philosophie jQuery : écrivez moins, faites plus.

jQuery encapsule les codes de fonction JavaScript courants, fournit un modèle de conception JavaScript simple et optimise les opérations sur les documents HTML, le traitement des événements, la conception d'animations et l'interaction Ajax.

La bibliothèque jQuery comprend des bibliothèques principales, une interface utilisateur, des plug-ins et des modules jQuery Mobile.

Grâce à ses puissants sélecteurs, ses opérations en chaîne et son excellente compatibilité avec les navigateurs, jQuery simplifie considérablement les opérations telles que l'accès et la mise à jour des pages HTML, les opérations DOM, le traitement des événements et l'exécution d'animations.

L'objectif de conception de jQuery est "écrire moins, faire plus", ce qui signifie écrire moins de code et faire plus de choses.

Les fonctionnalités principales de jQuery peuvent être résumées comme suit : Il possède une syntaxe de chaîne unique et une interface multifonctionnelle courte et claire ; Il dispose d'un sélecteur CSS efficace et flexible et peut étendre le sélecteur CSS ; -in mécanisme d'extension et plugin riche. jQuery est compatible avec divers navigateurs grand public, tels que IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+, etc.

Version jQuery

• Version 1.xx.x : compatible avec presque tous les navigateurs actuellement sur le marché

• Version 2.xx.x : initialement plus compatible avec le navigateur IE, puis modifiée pour ne plus Compatible avec la version IE6/7/8

• Version 3.xx.x : Non compatible avec IE6/7/8

Fonction Factory

La fonction factory sert de point d'entrée pour les opérations jQuery , grâce à cette fonction, des fonctions telles que le positionnement des éléments de page, l'empaquetage d'objets DOM dans des objets jQuery et la création d'éléments de page peuvent être implémentées.

Deux façons d'écrire la fonction factory :

• $()
• jQuery()

Explication : Le symbole "$" a la même signification que le mot "jQuery", qui est une convention du noyau jQuery bibliothèque.

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)

Effet :

Objet DOM et objet jQuery

Objet jQuery

L'objet dit jQuery fait référence à un objet encapsulé par un objet DOM.

Autrement dit, la logique sous-jacente de l'objet jquery est toujours l'objet DOM. L'objet jQuery est simplement encapsulé dans un nouvel objet basé sur l'objet DOM, et fournit une série de propriétés et de méthodes

Convention jQuery

Afin de mieux distinguer les objets DOM des objets jQuery, nous convenons que les objets définis par jQuery sont devant Ajouter un "$". Ce n'est pas obligatoire.

 //jQuery操作 - 返回变量增加一个前缀“$”
        var $but = jQuery('#but');
        var $but = $('#but');

Objet DOM et objet jQuery

1. Convertir l'objet DOM en objet jQuery - fonction d'usine

	var but = document.getElementById('but1');
        //将DOM对象转换为jQuery对象 - 工厂函数
        var $but = jQuery(but);
        console.log($but);

2. Convertir l'objet jQuery en objet DOM

• L'objet jQuery est un objet de type tableau - objet jQuery [ Index value]
• L'objet jQuery fournit la méthode get(index) - index représente la valeur de l'index

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

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

[Apprentissage recommandé : Tutoriel vidéo jQuery, Vidéo web front-end]

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!