代码之家  ›  专栏  ›  技术社区  ›  Ali

如何使用jquery选择所有文本区域和文本框?

  •  50
  • Ali  · 技术社区  · 16 年前

    如何选择所有文本框和文本区域,例如:

    <input type='text' />
    

    <textarea></textarea>
    

    在一页上并拥有属性 style.width="90%"; 适用于他们?

    4 回复  |  直到 11 年前
        1
  •  129
  •   roryf    16 年前
    $('input[type=text], textarea').css({width: '90%'});
    

    它使用标准的CSS选择器,jquery还为各种表单元素提供了一组伪选择器过滤器,例如:

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

    将匹配所有 <input type="text"> 元素。见 Selectors documentation 更多信息。

        2
  •  13
  •   Rune Grimstad    16 年前

    密码框也是文本框,因此如果您也需要它们:

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

    虽然文件输入有点不同,但您也可能希望包括它们(例如,为了视觉一致性):

    $("input[type='text'], textarea, input[type='password'], input[type='file']").css({width: "90%"});
    
        3
  •  1
  •   JasCav    15 年前
    $("**:**input[type=text], :input[type='textarea']").css({width: '90%'});
    
        4
  •  0
  •   muni    11 年前
    names = [];
    $('input[name=text], textarea').each(
        function(index){  
            var input = $(this);
            names.push( input.attr('name') );
            //input.attr('id');
        }
    );
    

    它选择DOM中的所有文本框和文本区域,其中,$每个函数迭代以提供ecah元素的名称。