2009-05-05 103 views

回答

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

即使用標準的CSS選擇,jQuery的也有關於各種形式的元件,例如一組僞選擇過濾器:

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

將匹配所有<input type="text">元素。有關更多信息,請參閱Selectors documentation

+6

: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

+1

$(':text')不適用於密碼字段。 – Fatih 2012-04-22 20:43:24

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

密碼盒也文本框,所以如果你需要他們太:

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

,雖然文件的輸入是一個有點不同,你可能要包括他們太多(如視覺一致性。 ):

$("input[type='text'], textarea, input[type='password'], input[type='file']").css({width: "90%"}); 
0
names = []; 
$('input[name=text], textarea').each(
    function(index){ 
     var input = $(this); 
     names.push(input.attr('name')); 
     //input.attr('id'); 
    } 
); 

它選擇DOM中的所有文本框和文本區域,其中$。每次迭代函數提供ecah報的名EMENT。

相關問題