Référence jQuery

Pour tester la bibliothèque JavaScript, vous devez la référencer dans votre page web.

Pour référencer une bibliothèque, utilisez la balise

Description de jQuery

La fonction principale de jQuery est la fonction $() (fonction jQuery). Si vous transmettez un objet DOM à cette fonction, elle renvoie un objet jQuery auquel est ajoutée la fonctionnalité jQuery.

jQuery vous permet de sélectionner des éléments via des sélecteurs CSS.

En JavaScript, vous pouvez attribuer une fonction pour gérer les événements de chargement de fenêtre :

En utilisant JavaScript

function myFunction()
{
var obj =document.getElementById("h01");
obj.innerHTML="Bonjour jQuery";
}
onload=myFunction;

Utiliser jQuery

function maFonction()
{
$("#h01").html("Bonjour jQuery");
}
$(document).ready(maFonction);

Dans la dernière ligne du code ci-dessus, l'objet document HTML DOM est passé à jQuery : $(document).

Lorsque vous transmettez un objet DOM à jQuery, jQuery renvoie un objet jQuery enveloppé dans un objet HTML DOM.

La fonction jQuery renvoie un nouvel objet jQuery, dont ready() est une méthode.

Puisque les fonctions sont des variables en JavaScript, vous pouvez transmettre myFunction en tant que variable à la méthode ready de jQuery.

Remarque :

jQuery renvoie un objet jQuery, qui est différent de l'objet DOM transmis.
Les objets jQuery ont des propriétés et des méthodes différentes de celles des objets DOM.
Vous ne pouvez pas utiliser les propriétés et méthodes HTML DOM sur les objets jQuery.

Exemple de comparaison :

vs.

Comme vous pouvez le voir dans l'exemple ci-dessus, jQuery autorise les liens (chaînage de grammaire) .

Le chaînage est un moyen pratique d'effectuer plusieurs tâches sur le même objet.