NuxBSD: Free Infos

Table des matières

Activer jQuery
- Activer jQuery
- This

Activer jQuery

3 versions de la fonction de base jQuery

// 1
  jQuery(document).ready(function(){ 
   // l'événement ready() écoute le chargement du document
   // "QUAND le document est PRÊT, on appelle une fonction (dans laquelle on va mettre du jQuery)."
   // lorsque le document est prêt, tu peux utiliser le contenu de la fonction
  });

// 2
  $(document).ready(function(){ 
   // lorsque le document est prêt, tu peux utiliser le contenu de la fonction
  });

// 3
  $(function(){
   // lorsque le document est prêt, tu peux utiliser le contenu de la fonction
  });

Tout le framework jQuery repose sur cette fonction !!
Cette fonction prévient l'interpréteur JavaScript du navigateur que à partir de cette fonction c'est du jQuery qu'il va y avoir.
C'est dans cette fonction que tout le code jQuery devra être écrit.

$(fonction(){ ⇒ attend que le DOM soit prêt !

En JS

un getteur permet d'accéder à une donnée
un setteur permet de modifier une donnée

En JQ

les guetteurs sont des setteurs et le setteur des getteurs car avec la même fonction on sait faire les deux fonctions en même temps.

Exemple :

.css('color, '#FF0000'); est un setteur car il règle ici la couleur !
.('color'); est un getteur car il ne règle rien !

Voir les sélecteurs CSS: Sélecteurs Avancés

Différence entre jQuery 1.X et 2.X
La version 2.X ne supporte pas IE 6 , 7 et 8

Attention le code jQuery se place toujours avant la fermeture de la balise body car il faut d'abord que tout les élément code HTML soient chargés avant que jQuery puisse atteindre ses éléments.
Si on veut mettre le code jQuery avant le code HTML il faut signifier à jQuery d'atteindre les éléments HTML uniquement lorsque le document HTML soit entièrement chargé.

  $(document).ready(function(){ // lorsque le document est prêt, tu peux utiliser le contenu de la fonction 
 
  });

Ou de manière plus simple :

  $(function(){ // lorsque le document est prêt, tu peux utiliser le contenu de la fonction 
 
  });

This

This permet d'atteindre l'élément qui déclenche la fonction. C'est donc l'élément qui est ciblé qui va donc subir l'action de la fonction.

Retour d'un niveau
Retour à l'accueil