Maison > Article > interface Web > Sur quoi est basé jquery ?
jquery est implémenté sur la base du langage JavaScript. jQuery est un framework JavaScript rapide et concis ; jQuery encapsule les codes fonctionnels (fonctions) couramment utilisés en JavaScript, fournit un modèle de conception JavaScript simple, optimise les opérations sur les documents HTML, le traitement des événements, la conception d'animation et l'interaction Ajax, simplifiant considérablement l'utilisation originale de JS. le travail.
L'environnement d'exploitation de ce tutoriel : système windows7, version jquery3.6.1, ordinateur Dell G3.
Introduction à jQuery
jQuery est un framework JavaScript rapide et concis. Il s'agit d'une autre excellente bibliothèque de code JavaScript (framework) après Prototype.
jquery fait référence à une bibliothèque de fonctions JavaScript encapsulée, une bibliothèque JavaScript légère « écrire moins, faire plus » ; jquery est implémenté sur la base du langage JavaScript.
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.
Le but de la conception 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.
Ce que jquery peut faire
jQuery fournit une couche d'abstraction pour la programmation Web, la rendant compatible avec n'importe quel navigateur et simplifiant considérablement le travail effectué à l'origine avec JavaScript.
En bref, jQuery peut effectuer les tâches suivantes :
1. Obtenir rapidement des éléments de document
Le mécanisme de sélection de jQuery est construit sur le sélecteur CSS, qui offre la possibilité d'interroger rapidement des éléments dans des documents DOM, et est considérablement amélioré. obtenir des éléments de page en JavaScript.
2. Fournissez de superbes effets dynamiques de page
jQuery dispose d'une série d'effets d'animation intégrés, qui peuvent développer de très belles pages Web. De nombreux sites Web utilisent les effets intégrés de jQuery, tels que le fondu entrant et sortant, la suppression d'éléments et. d'autres effets spéciaux dynamiques.
3. Créer des pages Web AJAX non actualisées
AJAX est l'abréviation de JavaScript et XML asynchrones. Il peut développer des pages Web non actualisées très sensibles, en particulier lors du développement de pages Web côté serveur, telles que des sites Web PHP, qui en ont besoin. pour communiquer avec le serveur dans les deux sens. Si AJAX n'est pas utilisé, la page Web doit être actualisée à chaque fois que les données sont mises à jour. Cependant, après avoir utilisé les effets spéciaux AJAX, la page peut être partiellement actualisée pour fournir des effets dynamiques.
4. Apporter des améliorations au langage JavaScript
jQuery fournit des améliorations aux structures JavaScript de base, telles que l'itération des éléments et le traitement des tableaux.
5. Gestion améliorée des événements
jQuery fournit divers événements de page, ce qui peut empêcher les programmeurs d'ajouter trop de code de gestion des événements en HTML. Plus important encore, son gestionnaire d'événements élimine le besoin de divers problèmes sexuels de compatibilité avec le navigateur.
6. Modifier le contenu de la page Web
jQuery peut modifier le contenu de la page Web, par exemple en modifiant le texte de la page Web, en insérant ou en retournant des images de page Web. jQuery simplifie la façon dont le code JavaScript doit être traité.
13 avantages de jQuery
1. Léger
JQuery est très léger après compression à l'aide de Packer écrit par Dean Edwards, la taille est inférieure à 30 Ko si vous utilisez la version Min et activez la compression Gzip côté serveur. , la taille sera de seulement 18 Ko.
2. Sélecteurs puissants
JQuery permet aux développeurs d'utiliser presque tous les sélecteurs de CSS1 à CSS3, ainsi que les sélecteurs avancés et complexes uniques de JQuery. De plus, des plug-ins peuvent être ajoutés pour prendre en charge les sélecteurs XPath, et même les utilisateurs de développement peuvent le faire. écrire leurs propres sélecteurs. Étant donné que JQuery prend en charge la fonctionnalité de sélection, les développeurs ayant une certaine expérience CSS peuvent facilement se lancer dans l'apprentissage de JQuery.
3. Excellente encapsulation des opérations DOM
JQuery encapsule un grand nombre d'opérations DOM couramment utilisées, permettant aux développeurs d'écrire facilement des programmes liés aux opérations DOM. JQuery réalise facilement une variété d'opérations par ailleurs très complexes, permettant aux novices en JavaScript d'écrire d'excellents programmes.
4. Mécanisme de traitement d'événements fiable
Le mécanisme de traitement d'événements de JQuery absorbe l'essence de la fonction de traitement d'événements écrite par l'expert JavaScript Dean Edwards Oui, JQuery est assez fiable lors du traitement de la liaison d'événements. JQuery fait également un très bon travail en termes d'issues de secours réservées, d'idées de programmation étape par étape et non invasive.
5. Perfect Ajax
JQuery encapsule toutes les opérations Ajax dans une fonction $.ajax(), permettant aux développeurs de se concentrer sur la logique métier lorsqu'ils traitent avec Ajax sans avoir à se soucier de la compatibilité complexe des navigateurs et des problèmes de création et d'utilisation des objets XMLHttpRequest.
6. Ne polluez pas les variables de premier niveau
JQuery crée uniquement un objet nommé JQuery, et toutes ses méthodes de fonction se trouvent sous cet objet. Son alias $ peut également échanger des droits de contrôle à tout moment et ne polluera jamais d'autres objets. Cette fonctionnalité permet à JQuery de coexister avec d'autres bibliothèques JavaScript et d'être référencé en toute sécurité dans les projets sans tenir compte des conflits ultérieurs.
7. Excellente compatibilité avec les navigateurs
En tant que bibliothèque JavaScript populaire, la compatibilité des navigateurs est l'une des conditions indispensables. JQuery peut fonctionner normalement sous IE6.0+, FF 2+, Safari2.+ et Opera9.0+. JQuery corrige également certaines différences entre les navigateurs, afin que les développeurs n'aient pas besoin de créer des bibliothèques de compatibilité de navigateur avant de démarrer un projet.
8. Méthode d'opération chaînée
La chose la plus distinctive de JQuery est sa méthode d'opération chaînée - c'est-à-dire que pour un ensemble d'actions qui se produisent sur le même objet JQuery, vous pouvez écrire directement l'une après l'autre sans avoir besoin d'obtenir à plusieurs reprises l'objet. Cette fonctionnalité rend le code JQuery extrêmement élégant.
9. Itération implicite
Lors de l'utilisation de JQuery pour rechercher tous les éléments avec la classe ".myClass", puis les masquer. Pas besoin de parcourir chaque élément renvoyé. Au contraire, les méthodes de JQuery sont conçues pour fonctionner automatiquement sur des collections d'objets plutôt que sur des objets individuels, ce qui rend inutile un grand nombre de structures de boucles, réduisant ainsi considérablement la quantité de code.
10. Séparation de la couche de comportement et de la couche de structure
Les développeurs peuvent utiliser des sélecteurs pour sélectionner des éléments, puis ajouter directement des événements aux éléments. Cette idée de séparer complètement la couche comportementale de la couche structurelle permet aux développeurs JQuery et aux développeurs de pages HTML ou autres d'accomplir leurs propres tâches, en se débarrassant des conflits de développement passés ou des modèles de développement individuels. Dans le même temps, la post-maintenance est également très pratique. Il n'est pas nécessaire de rechercher certaines fonctions dans le code HTML et de modifier le code HTML à plusieurs reprises.
11. Prise en charge riche des plug-ins
L'extensibilité simple de JQuery a incité des développeurs du monde entier à écrire des plug-ins d'extension JQuery. Il existe actuellement plus de centaines de plug-ins officiels pris en charge, et de nouveaux plug-ins sont constamment interviewés.
12. Documentation complète
La documentation de JQuery est très riche A ce stade, il existe de nombreux documents en anglais et relativement peu de documents en chinois. De nombreuses équipes qui aiment JQuery travaillent dur pour améliorer la documentation chinoise de JQuery, telle que l'API chinoise de JQuery.
13. Open source
JQuery est un produit open source, tout le monde peut l'utiliser librement et y apporter des modifications.
【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!