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 qui utilise | + | * Pour vérifier que JQuery est chargé avant le chargement d'un fichier javascript qui utilise Jquery, insérer le code suivant au début du fichier js. 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> | ||
isJqueryLoaded(); | isJqueryLoaded(); | ||
| - | //Il faut que jquery soit importé avant | + | //Il faut que jquery soit importé avant ce fichier |
| - | function isJqueryLoaded(){if (typeof jQuery == 'undefined') {alert(' | + | function isJqueryLoaded(){if (typeof jQuery == 'undefined') {alert('fichier.js a besoin que jquery.js soit charg\u00E9');}} |
</pre> | </pre> | ||
| Ligne 20 : | Ligne 20 : | ||
<pre> | <pre> | ||
elem=$("div .hdrcell > :input[@type=text]")[2]; | elem=$("div .hdrcell > :input[@type=text]")[2]; | ||
| + | </pre> | ||
| + | |||
| + | * Exemple de ratachement d'un event avec un selecteur ramenant les input de type checkbox contenus dans un div dont la classe est hdrcell | ||
| + | <pre> | ||
| + | $('.hdrcell :checkbox').change(function() { | ||
| + | masterChkChange($(this).attr('checked')?1:0); | ||
| + | }); | ||
</pre> | </pre> | ||
Version du 20 octobre 2010 à 13:23
- Pour vérifier que JQuery est chargé avant le chargement d'un fichier javascript qui utilise Jquery, insérer le code suivant au début du fichier js. 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 ce fichier
function isJqueryLoaded(){if (typeof jQuery == 'undefined') {alert('fichier.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];
- Exemple de ratachement d'un event avec un selecteur ramenant les input de type checkbox contenus dans un div dont la classe est hdrcell
$('.hdrcell :checkbox').change(function() {
masterChkChange($(this).attr('checked')?1:0);
});
