JQuery HowTo
De Wikifago.
(Différences entre les versions)
| 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 | + | * Pour vérifier que JQuery est chargé avant le chargement d'un fichier javascript qui utilise javascript, insérer le code suivant au début du fichier. Ainsi si l'import de JQuery n'est pas réalisé avant avant l'import du fichier un message d'alerte s'affichera. |
<pre> | <pre> | ||
| Ligne 8 : | Ligne 8 : | ||
</pre> | </pre> | ||
| - | * | + | * Exemple de boucle sur éléments DOM avec un selector JQuery complexe : |
| + | La code suivant boucle sur tous les enfants de l'élément div d'id "content_2" n'étant pas de la classe "product" | ||
<pre> | <pre> | ||
//affichage de la taille de tous les element fils de content_2 sauf de classe 'product' | //affichage de la taille de tous les element fils de content_2 sauf de classe 'product' | ||
Version du 7 septembre 2009 à 13:55
- Pour vérifier que JQuery est chargé avant le chargement d'un fichier javascript qui utilise javascript, insérer le code suivant au début du fichier. Ainsi si l'import de JQuery n'est pas réalisé 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');}}
- Exemple de boucle sur éléments DOM avec un selector JQuery complexe :
La code suivant boucle sur tous les 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());
});
