Come selezionare tutti i campi di testo e le caselle di testo usando jQuery?

Question

Come posso selezionare tutte le caselle di testo e textarea, per esempio:

<input type='text' /> 

e

<textarea></textarea> 

su una pagina e hanno la proprietà style.width="90%"; applicati ad essi?

Answer 1

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

che utilizza selettori CSS standard, jQuery ha anche una serie di filtri pseudo-selettore per vari elementi del modulo, ad esempio:

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

corrisponderà tutti <input type="text"> elementi. Vedi Selectors documentation per maggiori informazioni.

Answer 2

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

Answer 3

caselle Password sono anche caselle di testo, quindi se ne avete bisogno anche:

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

e mentre file di input è un po 'diverso, si consiglia di includere anche loro (ad esempio, per la coerenza visiva.):

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

Answer 4

names = []; 
$('input[name=text], textarea').each(
    function(index){ 
     var input = $(this); 
     names.push(input.attr('name')); 
     //input.attr('id'); 
    } 
); 

è selezionare tutte le caselle di testo e textarea nel DOM, in cui $ .each itera funzione di fornire nome ecah el ement.