Как выбрать все текстовые области и текстовые поля с помощью jQuery?

Question

Как выбрать все текстовые поля и текстовые поля, например:

<input type='text' />

и

<textarea></textarea>

на странице и применить к ним свойство style.width="90%";?

Answer 1

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

При использовании стандартных селекторов CSS в jQuery также есть набор фильтров псевдоселекторов для различных элементов формы, например:

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

будет соответствовать всем <input type="text"> элементам. См. Документация по селекторам для получения дополнительной информации.

Answer 2

Поля паролей также являются текстовыми полями, поэтому, если они вам также нужны:

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

и, хотя ввод файла немного отличается, вы можете также включить их (например, для визуальной согласованности):

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

Answer 3

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

Answer 4

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

он выбирает все текстовые поля и текстовую область в вашей DOM, где функция $ .each выполняет итерацию для предоставления имени элемента ecah.