Maison  >  Article  >  interface Web  >  Quels sont les avantages de jquery

Quels sont les avantages de jquery

藏色散人
藏色散人original
2023-03-25 10:57:563446parcourir

Les avantages de jquery sont : 1. Léger ; 2. Sélecteur puissant ; 3. Excellente encapsulation des opérations DOM ; 4. Mécanisme de traitement des événements fiable ; 6. Ne pollue pas les variables de niveau supérieur ; compatibilité du navigateur ; 8. Mode de fonctionnement en chaîne ; 9. Séparation de la couche de comportement et de la couche de structure ; 10. Prise en charge riche des plug-ins ;

Quels sont les avantages de jquery

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

Quels sont les avantages de 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. Il a été publié par John Resig en janvier 2006. Le but de la conception de jQuery est « écrire moins, faire plus », ce qui signifie écrire moins de code et faire plus de choses. Il encapsule les codes fonctionnels couramment utilisés en JavaScript, 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.

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 ; il dispose d'un plug-in pratique ; -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.

Avantages de Jquery

(1) Léger. jQuery est très léger. Après compression à l'aide de Dean Edwards' Packer (http://dean.edwards.name/packer/), la taille est inférieure à 30 Ko. Si la compression gzip est activée sur le serveur, la taille n'est même que de 16 Ko !

(2) Sélecteur puissant. jQuery permet aux opérateurs d'utiliser presque tous les sélecteurs de CSS 1 à CSS 3, ainsi que les sélecteurs avancés et complexes propres à jQuery. Si vous en avez besoin, vous pouvez également ajouter un plug-in pour prendre en charge les sélecteurs XPath ! Dans le chapitre suivant, nous vous expliquerons en détail les puissants sélecteurs de jQuery.

(3) Excellente encapsulation des opérations DOM. jQuery encapsule un grand nombre d'opérations DOM couramment utilisées, vous permettant d'écrire facilement des programmes liés aux opérations DOM, en complétant avec élégance diverses opérations autrement très complexes et en permettant aux novices en JavaScript d'écrire d'excellents programmes. Le chapitre 3 se concentrera sur la présentation des opérations DOM élégantes dans jQuery.

(4) Mécanisme de traitement des événements fiable. Le mécanisme de traitement des événements de jQuery absorbe l'essence de la fonction de traitement des événements écrite par l'expert JavaScript Dean Edwards, ce qui rend jQuery assez fiable lors du traitement de la liaison d'événements. jQuery fait également un très bon travail en réservant une dégradation gracieuse. Le chapitre 4 se concentrera sur la gestion des événements dans jQuery.

(5) Ajax parfait. jQuery encapsule toutes les opérations Ajax dans une fonction $.ajax, nous permettant de nous concentrer sur la logique métier lorsque nous traitons avec Ajax sans avoir à nous soucier de la compatibilité complexe des navigateurs et de la création et de l'utilisation d'objets XMLHttpRequest. Le chapitre 6 se concentrera sur le traitement Ajax dans jQuery.

(6) Ne pollue pas les variables de niveau supérieur. jQuery crée uniquement un objet nommé jQuery et toutes ses méthodes se trouvent sous cet objet. Un autre alias $ peut également céder le contrôle à tout moment. Il ne contaminera jamais d’autres objets !

(7) Excellente compatibilité avec les navigateurs. En tant que bibliothèque JavaScript populaire, la compatibilité du navigateur est naturellement l'une des conditions nécessaires. jQuery peut fonctionner normalement sous IE 6.0+, FF 2+, Safari 2.0+ et Opera 9.0+. Correction également de quelques différences entre les navigateurs. Cela vous évite d'avoir à vous soucier de la création d'une bibliothèque de compatibilité de navigateur avant de démarrer un projet.

(8) Mode de fonctionnement de la chaîne. La caractéristique la plus distinctive de jQuery est sa méthode d'opération en chaîne - c'est-à-dire qu'un ensemble d'actions qui se produisent sur le même objet jQuery peuvent être écrites directement sans obtenir l'objet à plusieurs reprises. Cela rend le code jQuery extrêmement élégant. Veuillez noter que dans le chapitre 1.3.3, nous aborderons les problèmes de style de codage correspondants.

(9) Séparation de la couche comportementale et de la couche structurelle. Les développeurs n'ont plus besoin d'appeler des événements en HTML, mais utilisent directement les sélecteurs jQuery pour sélectionner des éléments, puis ajoutent des événements directement aux éléments.

(10) Prise en charge riche des plug-ins. La croissance de quoi que ce soit ne peut jamais se développer sans le soutien de nombreuses personnes. La facilité d'extensibilité de jQuery a incité des développeurs du monde entier à écrire conjointement des plug-ins d'extension jQuery. Il existe actuellement plus de centaines de plug-ins officiels pris en charge. Dans le chapitre 7, nous présenterons plusieurs plug-ins actuellement populaires et guiderons chacun dans l'écriture de ses propres plug-ins.

(11) Documentation complète. La documentation de jQuery est très riche. Actuellement, la plupart de la documentation est en anglais, mais il y a moins de documents en chinois. Bien sûr, de nombreuses équipes qui aiment jQuery travaillent dur là-dessus, comme "Learning jQuery" traduit par Turing Education.

(12) Open source. jQuery est un produit open source que tout le monde peut utiliser librement.

Fonctionnalités du langage jQuery

  • 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 améliore considérablement l'acquisition de pages de manière élémentaire JavaScript. .

  • Fournit de magnifiques 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.

  • 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 nécessitent une communication aller-retour avec le serveur. Pour la communication, 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 une dynamique. effets.

  • Fournit 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.

  • Gestion améliorée des événements

jQuery fournit divers événements de page, il peut éviter aux programmeurs d'ajouter trop de code de gestion d'événements en HTML et, plus important encore, son gestionnaire d'événements élimine divers problèmes de compatibilité du serveur de navigation.

  • Modifier le contenu de la page Web

jQuery peut modifier le contenu de la page Web, comme modifier le texte de la page Web, insérer ou retourner l'image de la page Web, jQuery simplifie la façon dont le code JavaScript doit être traité. .

Apprentissage recommandé : "Tutoriel vidéo jQuery"

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn