Maison  >  Article  >  interface Web  >  Présentation du framework jQuery

Présentation du framework jQuery

善始善终
善始善终original
2020-08-26 22:16:55160parcourir

1. jQuery est une bibliothèque de fonctions JavaScript. 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

  • Manipulation d'éléments HTML

  • Manipulation CSS

  • Fonctions d'événements HTML

  • Effets spéciaux et animations JavaScript

  • Parcours HTML DOM et modification

  • AJAX

  • Utilitaires

Avantages 2.jQury

Léger , Sélecteur puissant, excellente encapsulation des opérations DOM, mécanisme de traitement d'événements fiable, Ajax parfait, aucune pollution des variables de niveau supérieur, excellente compatibilité du navigateur, mode de fonctionnement en chaîne, itération implicite, séparation de la couche de comportement et de la couche de structure, Prise en charge riche des plug-ins : , documentation complète, open source.

3. Il existe de nombreuses façons d'ajouter jQuery à une page Web. Vous pouvez utiliser les méthodes suivantes :

  • Télécharger la bibliothèque jQuery depuis jquery.com

  • Charger jQuery depuis CDN, par exemple en chargeant jQuery depuis Google

4. Téléchargez jQuery depuis le site officiel

(1) Accédez au site officiel (https://jquery.com/download/)

(2) Cliquez simplement sur le bouton "Télécharger jQuery" pour accéder à la page de téléchargement

(3) Il existe deux versions de jQuery disponibles en téléchargement :

  • Version de production - utilisé dans des sites Web réels, a été rationalisé et compressé.

  • Version de développement - pour les tests et le développement (code non compressé et lisible)

(4) La bibliothèque jQuery est un fichier JavaScript, vous pouvez référencez-le à l'aide de la balise HTML 3f1c4e4b6b16bbbd69b2ee476dc4f83a

5. Configuration du CDN jQUEry

Si vous ne souhaitez pas télécharger et stocker jQuery, vous pouvez également le référencer via un CDN (Content Delivery Network). Staticfile CDN, Baidu, Youpaiyun, Sina, Google et Microsoft ont tous jQuery sur leurs serveurs. Si les utilisateurs de votre site sont nationaux, il est recommandé d'utiliser des adresses CDN nationales telles que Baidu, Youpaiyun, Sina, etc. Si les utilisateurs de votre site sont étrangers, vous pouvez utiliser Google et Microsoft. Par exemple, si vous souhaitez utiliser le CDN de Baidu, vous pouvez utiliser la méthode suivante :

<head>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>

6. Syntaxe jQuery

La syntaxe jQuery consiste à sélectionner des éléments HTML et à effectuer certaines opérations sur les éléments sélectionnés. .

Syntaxe de base : $(selector).action()

  • Définition du signe dollar jQuery

  • sélecteur (sélecteur) " Requête" et "trouver" des éléments HTML

  • L'action() de jQuery effectue des opérations sur les éléments

Exemple :

  • $(this).hide() - Masquer l'élément actuel

  • $("p").hide() - Masquer tous les éléments e388a4556c0f65e1904146cc1a846bee

  • $("p.test").hide() - Masquer tous les éléments e388a4556c0f65e1904146cc1a846bee

  • $("#test" ).hide () - Masquer l'élément avec id="test"

7. Fonction d'entrée jQuery

$(document).ready(function(){

// Commencez à écrire du code jQuery...

});

Mode abréviation :

$(function(){

/ / Début écrire du code 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