Recherche sur le blog

lundi 27 février 2017

[JS] JQuery - Mémo #1 - Sélecteurs

Coché et sélectionné

On utilisera le sélecteur ":checked".
Exemple :
if($('#monChampId').is(':checked'))
{
  ...
}
A noter qu'on pourra utiliser ":selected" pour des listes déroulantes, dans la méthode find par exemple, ou directement comme sélecteur.
$("#maComboId option:selected").text();
Récupération du parent (méthode)
$('#formTest').parent()
Récupère le parent du niveau direct inférieur. On peut aussi spécifier un filtre en tant que paramètre de la fonction, pour s'assurer de la nature du parent choisi.

Sélection par classe
var champ = $('.classe1');
Sélection par ID
var champ = $('#idChamp');
Sélection de champs sur l'attribut "name"
$('element[name="VALUE"]')
On peut notamment utiliser :
  • ^= : commence par.
  • $= : termine par.
  • *= : contient.
La recherche peut être effectuée sur d'autres attributs (ex : id, type).

Traitement appliqué à plusieurs éléments

Utiliser la fonction find sur le parent (par exemple, un formulaire).
$('#formTest').find('input[type=text].classe1, 
   select.classe2').each(function()
{ 
 // Traitement des champs 
 // (utiliser $(this) pour le champ parcouru).
});
On peut envisager d'utiliser des sélecteurs qui contrôlent l'état.
$('#formTest').find('select.classe2:visible:disabled, 
   input[type=radio]:not(:disabled)').each(function()
{ 
 ...
});
Ou même recherche sur un enfant...
$('#formTest').find('div.classe1 > input[type=text]')
  .each(function()
{ 
 ...
});

Plus

Les sélecteurs

2 commentaires:

Yaya Keita a dit…

Bonjour Vincent !
Pourrai-je avoir ton Skype, svp ?
Merci !

Vincent a dit…

Si vous avez une question vous pouvez la poser ici ;-)