如何選擇所有文本框和文字區域,e.g:如何使用jQuery選擇所有文本區和文本框?
<input type='text' />
在頁面上
和
<textarea></textarea>
,並已財產style.width="90%";
適用於他們?
如何選擇所有文本框和文字區域,e.g:如何使用jQuery選擇所有文本區和文本框?
<input type='text' />
在頁面上
和
<textarea></textarea>
,並已財產style.width="90%";
適用於他們?
$('input[type=text], textarea').css({width: '90%'});
即使用標準的CSS選擇,jQuery的也有關於各種形式的元件,例如一組僞選擇過濾器:
$(':text').css({width: '90%'});
將匹配所有<input type="text">
元素。有關更多信息,請參閱Selectors documentation。
$("**:**input[type=text], :input[type='textarea']").css({width: '90%'});
密碼盒也文本框,所以如果你需要他們太:
$("input[type='text'], textarea, input[type='password']").css({width: "90%"});
,雖然文件的輸入是一個有點不同,你可能要包括他們太多(如視覺一致性。 ):
$("input[type='text'], textarea, input[type='password'], input[type='file']").css({width: "90%"});
names = [];
$('input[name=text], textarea').each(
function(index){
var input = $(this);
names.push(input.attr('name'));
//input.attr('id');
}
);
它選擇DOM中的所有文本框和文本區域,其中$。每次迭代函數提供ecah報的名EMENT。
:text selector will not select textareas(atleast in latest jQuery)。我還想從jQuery文檔中添加一些關於:text selector的內容:「因爲:text是jQuery擴展,而不是CSS規範的一部分,所以使用:text的查詢無法利用本機DOM提供的性能提升querySelectorAll )方法。爲了在現代瀏覽器中獲得更好的性能,請改用[type =「text」]。「 – Pehmolelu 2011-07-22 07:16:35
$(':text')不適用於密碼字段。 – Fatih 2012-04-22 20:43:24