web:js:jquery

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
web:js:jquery [2023/04/18 02:25] – [Events sur éléments] jcheronweb:js:jquery [2023/04/18 02:33] (Version actuelle) – [Chargement du DOM] jcheron
Ligne 64: Ligne 64:
 La fonction **jQuery** ou **$** retourne 1 jQuery object pouvant contenir 0 ou plusieurs éléméents du DOM. La fonction **jQuery** ou **$** retourne 1 jQuery object pouvant contenir 0 ou plusieurs éléméents du DOM.
  
-Elle expose des méthodes dont certaines vont pouvoir modifier tous les éléments retourné (sans avoir à faire une itération).+Elle expose des méthodes dont certaines vont pouvoir modifier tous les éléments retournés (sans avoir à faire une itération).
  
 <sxh javascript;gutter:false> <sxh javascript;gutter:false>
Ligne 105: Ligne 105:
 </sxh> </sxh>
  
 +Les évènements peuvent être déclenchés, si la méthode est appelée sans paramètre :
 +
 +<sxh javascript;gutter:false>
 +//Provoque le click sur tous les h1
 +$('h1').click();
 +</sxh>
 +
 +
 +==== Chargement du DOM ====
 +Il est parfois nécessaire d'attendre que le DOM soit chargé avant d'exécuter du code :
 +
 +<sxh javascript;gutter:false>
 +$('document').ready(function(){
 +    //Code à exécuter après le chargement du DOM
 +});
 +
 +//Version courte
 +$(function(){
 +    //Code à exécuter après le chargement du DOM
 +});
 +</sxh>
  
  • web/js/jquery.1681777555.txt.gz
  • Dernière modification : il y a 2 ans
  • de jcheron