JQuery HowTo

De Wikifago.

(Différences entre les versions)
(Page créée avec « Pour vérifier que JQuery est chargé avant le chargement d'un fichier javascript, insérer le code suivant au début du fichier. Ainsi si l'import de JQuery n'est pas réali… »)
Ligne 1 : Ligne 1 :
-
Pour vérifier que JQuery est chargé avant le chargement d'un fichier javascript, insérer le code suivant au début du fichier. Ainsi si l'import de JQuery n'est pas réaliser avant avant l'import du fichier un message d'alerte s'affichera.
+
* Pour vérifier que JQuery est chargé avant le chargement d'un fichier javascript, insérer le code suivant au début du fichier. Ainsi si l'import de JQuery n'est pas réaliser avant avant l'import du fichier un message d'alerte s'affichera.
<pre>
<pre>
Ligne 6 : Ligne 6 :
//Il faut que jquery soit importé avant balit.js
//Il faut que jquery soit importé avant balit.js
function isJqueryLoaded(){if (typeof jQuery == 'undefined') {alert('balit.js a besoin que jquery.js soit charg\u00E9');}}
function isJqueryLoaded(){if (typeof jQuery == 'undefined') {alert('balit.js a besoin que jquery.js soit charg\u00E9');}}
 +
</pre>
 +
 +
* Boucler sur des enfants de l'élément div d'Id "content_2" n'étant pas de la classe "product"
 +
<pre>
 +
//affichage de la taille de tous les element fils de content_2 sauf de classe 'product'
 +
$.each( $('div#content_2 > *:not(.product)'), function(i){
 +
  alert($(this).height());
 +
});
</pre>
</pre>

Version du 7 septembre 2009 à 09:33

  • Pour vérifier que JQuery est chargé avant le chargement d'un fichier javascript, insérer le code suivant au début du fichier. Ainsi si l'import de JQuery n'est pas réaliser avant avant l'import du fichier un message d'alerte s'affichera.
isJqueryLoaded();

//Il faut que jquery soit importé avant balit.js
function isJqueryLoaded(){if (typeof jQuery == 'undefined') {alert('balit.js a besoin que jquery.js soit charg\u00E9');}}
  • Boucler sur des enfants de l'élément div d'Id "content_2" n'étant pas de la classe "product"
//affichage de la taille de tous les element fils de content_2 sauf de classe 'product'
$.each( $('div#content_2 > *:not(.product)'), function(i){
  alert($(this).height());
});
Outils personnels