JQuery HowTo
De Wikifago.
(Différences entre les versions)
| Ligne 15 : | Ligne 15 : | ||
alert($(this).height()); | alert($(this).height()); | ||
}); | }); | ||
| + | </pre> | ||
| + | |||
| + | * Exemple de selecteur ramenant le troisième input de type text contenu dans un div dont la classe est hdrcell | ||
| + | <pre> | ||
| + | elem=$("div .hdrcell > :input[@type=text]")[2]; | ||
</pre> | </pre> | ||
Version du 24 septembre 2010 à 15:00
- 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());
});
- Exemple de selecteur ramenant le troisième input de type text contenu dans un div dont la classe est hdrcell
elem=$("div .hdrcell > :input[@type=text]")[2];
