Question

如何选择所有文本框和textareas，例如：

<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">元素。有关详细信息，请参阅Selectors documentation。

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中的所有文本框和textarea，其中$ .each函数迭代以提供ecah元素的名称。

Answer 5

只需使用$(":input")

禁用所有输入（文本区域，输入文本等）的示例：

$(":input").prop("disabled", true);

<form>
  <textarea>Tetarea</textarea>
  <input type="text" value="Text">
  <label><input type="checkbox"> Checkbox</label>
</form>


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

如何使用jQuery选择所有textareas和文本框？

5 个答案: