2009-05-05 5 views

Répondre

123
$('input[type=text], textarea').css({width: '90%'}); 

qui utilise le sélecteurs CSS standard, jQuery dispose également d'un ensemble de filtres pseudo-sélecteur pour divers éléments de forme, par exemple:

$(':text').css({width: '90%'}); 

correspond à tous les éléments <input type="text">. Voir Selectors documentation pour plus d'informations.

+6

: le sélecteur de texte ne sélectionne pas les zones de texte (au moins dans la dernière version de jQuery). Je voulais également ajouter quelque chose de la documentation de jQuery sur le sélecteur de texte: "Parce que: le texte est une extension jQuery et ne fait pas partie de la spécification CSS, les requêtes utilisant: text ne peuvent pas tirer parti de l'amélioration des performances. Pour obtenir de meilleures performances dans les navigateurs modernes, utilisez plutôt [type = "text"]. " – Pehmolelu

+1

$ (': text') ne fonctionne pas pour les champs de mot de passe. – Fatih

1
$("**:**input[type=text], :input[type='textarea']").css({width: '90%'}); 
+0

Pourquoi publier deux fois la même réponse? S'il y a quelque chose de spécial à propos des différences mineures, veuillez les expliquer! – roryf

+0

J'apprécie personnellement connaître le pseudo-sélecteur d'entrée de jQuery. +1 pour me montrer quelque chose de nouveau. – eyelidlessness

+3

: input [type = 'textarea'] ne fonctionne pas avec la dernière version de jQuery. Doit utiliser textarea. – Pehmolelu

13

boîtes de mot de passe sont également textboxes, donc si vous avez besoin d'eux aussi:

$("input[type='text'], textarea, input[type='password']").css({width: "90%"}); 

et tout fichier d'entrée est un peu différent, vous pouvez les inclure aussi (par exemple, pour une cohérence visuelle.):

$("input[type='text'], textarea, input[type='password'], input[type='file']").css({width: "90%"}); 
0
names = []; 
$('input[name=text], textarea').each(
    function(index){ 
     var input = $(this); 
     names.push(input.attr('name')); 
     //input.attr('id'); 
    } 
); 

il sélectionner tous les champs de saisie et textarea dans votre DOM, où la fonction .each $ itère pour fournir le nom de ecah el ement.

Questions connexes