La Syntaxe de base de jQuery
La Syntaxe de base de jQuery
-
Objectif
- Connaitre le jquery.
-
La classe jQuery
- L’instanciation d’un objet jQuery peut être réalisée avec la syntaxe suivante:
jQuery()- Cependant, en pratique nous utilisons toujours le raccourci suivant qui est un alias de l’appel à la classe
jQuery(),qui vont être des propriétés de l’objet globalwindow. $()-
La Syntaxe de jQuery
- La syntaxe
jQueryest conçue sur mesure pour sélectionner des éléments HTML et effectuer des actions sur le ou les éléments. - La syntaxe de base du
jQuerypour accéder aux éléments HTML va donc être de la forme suivante :$(selecteur). - Par exemple, pour accéder à tous les éléments p de notre page HTML, nous écrirons en jQuery :
$('p'). - La syntaxe de base est la suivante:
$( sélecteur ). action () - Un signe
$pour définir / accéder à jQuery - Un (
sélecteur) pour "interroger (ou trouver)" des éléments HTML.Un sélecteur ou "requête " pour définir le ou les éléments HTML à manipuler avec jQuery. - Une
actionjQuery () à effectuer sur le ou les éléments - Exemples:
$(this).hide()– masque l’élément en cours.$("p").hide()– masque tous les éléments<p>.$(".test").hide()– masque tous les éléments avecclass =« test ».$("#test").hide()– masque l’élément avecid =« test ».-
Lancement de Code sur Document Ready
window.onload = function(){ alert("Bien venu"); }- Ce code va être exécuté dés qu’on appelle la page. Or à ce moment tous les éléments de la page ne sont pas téléchargés
- Et le scripte doit être appliqué à certains de ces éléments qui ne sont pas encore chargés, nous avons donc un problème.
- Pour contourner ce problème, vous l’allez remarquer, que toutes les méthodes de jQuery, dans nos exemples, seront placées dans une fonction
document.ready():
$(document).ready(function(){
alert("Bien venu");
});
C’est pour empêcher tout code jQuery de s’exécuter avant que le document ne soit entièrement chargé et prêt.
