jQueryを使用してすべてのテキストエリアとテキストボックスを選択するには？

Question

は、どのように私は、すべてのテキストボックスやテキストエリア、例えば選択することができます。ページ上の

<input type='text' /> 

と

<textarea></textarea> 

をし、それらに適用されるプロパティstyle.width="90%";がありますか？標準CSSセレクタを使用

Answer 1

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

、jQueryのは、例えば、様々なフォーム要素の擬似選択フィルタのセットを有する：

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

は全て<input type="text">要素にマッチします。詳細はSelectors documentationを参照してください。

Answer 2

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

Answer 3

[パスワード]ボックスにもテキストボックスですので、あなたも、それらを必要とする場合：

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

とファイル入力が少し異なっている間、あなたは、例えば（あまりにもそれらを含めることができ、視覚的一貫性を保つために。 ）：

$("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'); 
    } 
); 

それは、$ .each関数を反復処理がecahエルの名前を提供するために、あなたのDOM、内のすべてのテキストボックスやテキストエリアを選択ement。