Maison > Article > interface Web > Une compréhension préliminaire de la bibliothèque de fonctions JavaScript jQuery_jquery
La bibliothèque jQuery peut être ajoutée à une page Web avec une simple ligne de balisage.
Bibliothèque jQuery - Fonctionnalités
jQuery est une bibliothèque de fonctions JavaScript.
La bibliothèque jQuery comprend les fonctionnalités suivantes :
Ajoutez la bibliothèque jQuery à votre page
La bibliothèque jQuery se trouve dans un fichier JavaScript qui contient toutes les fonctions jQuery.
jQuery peut être ajouté à une page Web via la balise suivante :
<head> <script type="text/javascript" src="jquery.js"></script> </head>
Veuillez noter que la balise 3f1c4e4b6b16bbbd69b2ee476dc4f83a doit être dans la section 93f0f5c25f18dab9d176bd4f6de5d30e
Exemple jQuery de base
L'exemple suivant illustre la fonction hide() de jQuery, masquant tous les éléments e388a4556c0f65e1904146cc1a846bee
Exemple
<html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); }); </script> </head> <body> <h2>This is a heading</h2> <p>This is a paragraph.</p> <p>This is another paragraph.</p> <button type="button">Click me</button> </body> </html>
Essayez-le par vous-même
Télécharger jQuery
Il existe deux versions de jQuery disponibles en téléchargement : une version minifiée et une version non compressée (pour le débogage ou la lecture).
Les deux versions sont disponibles en téléchargement sur jQuery.com.
Remplacement de bibliothèque
Google et Microsoft prennent tous deux en charge jQuery.
Si vous ne souhaitez pas héberger la bibliothèque jQuery sur votre ordinateur, vous pouvez charger les fichiers principaux CDN jQuery de Google ou Microsoft.
Utilisez le CDN de Google
<head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs /jquery/1.4.0/jquery.min.js"></script> </head>
Utilisez le CDN de Microsoft
<head> <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery /jquery-1.4.min.js"></script> </head>