• Accueil
  • Entreprendre
    • Communiquer sur le web
  • Programmation
    • WLangage
    • HTML / CSS
    • PHP / MYSQL
    • Javascript
    • Jquery : enrichissez vos pages webs !
    • Utilisation de CK Editor
  • Votre Ordi
    • Mieux utiliser son PC
  • Systèmes
    • Sécurisation de vos systèmes informatiques
    • Virtualisation
  • 'Geekeries'
    • Outils de développement
    • On aime
Accueil > Programmation > Jquery : enrichissez vos pages webs ! > Comment utiliser les selecteurs jQuery ?
Tags
word   mail   Création de site web   Nowwweb.com   CMS   MYSQL   WD16   Compte utilisateur   Sécurisation   disque virtuel   Référencement   CSS   IpTables   SEO   office 2007   Redimensionnement image   WinDev   PHP   Google   WD   optimisation   Javascript   bonnes adresses   Notepad++   windows   e-mail   SSL   HTML   Accusé réception   Jquery  

Comment utiliser les selecteurs jQuery ?

Partager :

Recherche les éléments répondant a chacun des filtres renseignés. Ces filtres se combinent. Cette liste n'est pas exhaustive : si vous cherchez un sélecteur en particulier, contactez-nous.

#id :  un élément en fonction de son attribut id.

* :Sélectionne tous les éléments (inclut les éléments head, body, etc).

.class :selectionne les éléments selon leur classe.

:first-child :Sélectionne les premiers fils des éléments répondant à la recherche.

:image :Sélectionne tous les élément INPUT de type image.

:input : Sélectione tous les éléments de type INPUT, TEXTAREA, SELECT et BUTTON.

:password : Sélectionne tous les éléments INPUT de type password.

:radio :Sélectionne tous les éléments INPUT de type radio.

:reset Sélectionne tous les éléments INPUT de type reset.

:submit : Sélectionne tous les éléments INPUT de type submit.

EXEMPLE  : Pour masquer ...

TOUT :

$('*').hide();

l'element 'mon_id'

$('#mon_id').hide();

les élément de la classe : 'a_masquer'

$('.a_masquer').hide();

les images de la classe à masquer

$('.a_masquer:image').hide();

les input de la classe à masquer

$('.a_masquer:input').hide();

les bouton radio de la classe à masquer

$('.a_masquer:radio').hide();

Ecrit par Kévin Couvet le 29/08/2011
Dernière modification le 29/08/2011
Categorie : Jquery : enrichissez vos pages webs !
Autres articles sur : Jquery

Commentaires


Agence web - Nos auteurs- Tutoriels- Mentions légales