Présentation
jQuery est un framework javascript C’est à dire un ensemble de fonctions, méthodes objets, … pour faciliter le développement en javascript. Cet outil est tellement avancé que j’ai tendance à déconseiller l’apprentissage de javascript au profit de jQuery. La multitude de plugins permet également d’ajouter de nouvelles fonctionnalités très rapidement sans avoir à tout recoder systématiquement.
Installation
Pour installer jQuery, il faut au minimum un page HTML :
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=iso-8859-1">
<TITLE>un titre...</TITLE>
</HEAD>
<BODY>Cette page affiche la version de jQuery
</BODY>
</HTML>
Ceci est une page HTML |
et on ajoute la balise permettant d’importer le fichier jQuery :
|
1 |
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> |
Ce qui donne ce fichier :
|
1 2 3 4 5 6 7 8 9 10 11 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=iso-8859-1">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<TITLE>un titre...</TITLE>
</HEAD>
<BODY>Cette page affiche la version de jQuery
</BODY>
</HTML> |
Si vous êtes à l’aise avec les fichiers de votre site web, vous pouvez télécharger le fichier jquery et modifier l’attribut src de la balise script pour le faire correspondre à votre chemin.
Pour vérifier que votre jQuery est bien opérationnel, ajouter ces lignes dans la balise body
|
1 |
<script type="text/javascript">alert(jQuery.fn.jquery)</script> |
Le code complet est disponible dans jsFiddle.
