Introduction à jQuery

Qu'est-ce que jQuery

jQuery est un ensemble de bibliothèques de scripts Javascript. Nous encapsulons certaines méthodes d'outils ou méthodes d'objet dans des bibliothèques de classes pour faciliter leur utilisation par les utilisateurs.

Notez que jQuery est une bibliothèque de scripts, pas un framework de script. "Bibliothèque" n'est pas égal à "framework". Par exemple, "System Assembly" est une bibliothèque de classes et "ASP.NET MVC" n'est pas un framework. nous résolvons la gestion des références des scripts. Et la gestion des fonctions, c'est ce que le framework de script doit faire

La bibliothèque de scripts peut nous aider à compléter la logique de codage et à réaliser les fonctions métier. efficacité de l'écriture du code JavaScript, permettant l'écriture du code est plus élégante et plus robuste. Dans le même temps, les nombreux plug-ins jQuery sur Internet font également de notre travail « avec jQuery, buvons du thé tous les jours » - parce que nous le sommes déjà. debout sur les épaules de géants.

jQuery est une bibliothèque JavaScript légère « écrivez moins, faites plus ».

La bibliothèque jQuery comprend les fonctions suivantes :

Sélection d'éléments HTML

Opération d'élément HTML

Opération CSS

Fonction d'événement HTML

Effets spéciaux et animations JavaScript

Parcours et modification HTML DOM

AJAX

Utilitaires


jQuery présente les caractéristiques suivantes :

1. Fournit des fonctions fonctionnelles puissantes

L'utilisation de ces fonctions fonctionnelles peut nous aider à remplir rapidement diverses fonctions et à rendre notre code extrêmement concis.

2. Résoudre les problèmes de compatibilité des navigateurs

La compatibilité des scripts JavaScript dans différents navigateurs a toujours été un cauchemar pour les développeurs Web. Souvent, une page s'exécute normalement sous IE7 et Firefox. Des problèmes inexplicables surviennent sous IE6. Les scripts pour différents navigateurs sont une chose pénible. Avec jQuery, nous nous réveillerons de ce cauchemar. Par exemple, l'objet événement Event dans jQuery a été formaté pour tous les navigateurs, dans le passé, nous devions obtenir l'événement. le déclencheur basé sur l'événement, qui est event.srcElements sous IE et event.target sous les navigateurs standards tels que FF, nous permet d'utiliser des événements dans tous les navigateurs en unifiant l'objet événement .target obtient l'objet événement.

3. Implémenter une interface utilisateur riche

jQuery peut obtenir des effets d'animation tels que des pop-ups de dégradé, des mouvements de calques, etc., nous permettant d'obtenir une meilleure expérience utilisateur avec le dégradé seul. Prenons l'effet comme exemple. Il était une fois, j'ai écrit une animation dégradée compatible avec IE et FF. J'ai utilisé beaucoup de code JavaScript pour l'implémenter. Après l'avoir écrite, cela n'a pas beaucoup aidé. je l'ai oublié après un certain temps. J'aimerais développer à nouveau des fonctions similaires. Nous devons à nouveau travailler dur. Maintenant, l'utilisation de jQuery peut nous aider à réaliser rapidement de telles applications.

4. Connaissance des scripts pour corriger les erreurs

La plupart des développeurs ont une mauvaise compréhension du javascript. Par exemple, écrire des instructions DOM qui sont exécutées lors du chargement dans la page, directement sur l'élément HTML ou l'objet document. Ajoutez le ". onclick", ne sachant pas que onclick est en fait une fonction anonyme, etc. Le personnel technique connaissant ces scripts d'erreur peut également effectuer tous les travaux de développement, mais un tel programme n'est pas robuste. Par exemple, "lors de l'écriture dans la page lors du chargement Autrement dit, les « instructions qui font fonctionner le DOM » sont exécutées lorsque le code de la page est petit et que l'utilisateur le charge rapidement, il n'y a aucun problème. Lorsque la page se charge un peu lentement, l'erreur « termine l'opération » du navigateur se produit. jQuery fournit de nombreuses méthodes simples pour nous aider à résoudre le problème. Une fois que vous aurez utilisé jQuery, vous aurez les connaissances nécessaires pour corriger ces erreurs - car nous utilisons tous la méthode de script jQuery correcte standard

Pourquoi utiliser jQuery ?

Il existe un grand nombre de frameworks JS open source sur Internet, mais jQuery est actuellement le framework JS le plus populaire et propose un grand nombre d'extensions.

De nombreuses grandes entreprises utilisent jQuery, telles que :

Google

Microsoft

IBM

Netflix

Connaissances de base dont vous avez besoin

Avant de commencer à apprendre jQuery, vous devez avoir une compréhension de base des éléments suivants :

HTML

CSS

JavaScript

Si vous devez d'abord apprendre ces sujets, veuillez retrouver ces tutoriels sur notre page d'accueil.

Formation continue
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $(".ex .hide").click(function(){ $(this).parents(".ex").hide("slow"); }); }); </script> <style type="text/css"> div.ex { background-color:pink; padding:7px; border:solid 1px black; width:50%; } </style> </head> <body> <div class="ex"> <button class="hide">点我隐藏</button> <p>站点名: php中文网<br> 站点 URL:http://www.php.cn</p> </div> </body> </html>
soumettreRéinitialiser le code
  • Recommandations de cours
  • Téléchargement du didacticiel