# :input Selector

所属分类：选择器 > 表单 | 选择器 > jQuery 扩展 英文文档：:input Selector

## input selector

描述: 选择所有 input, textarea, select 和 button 元素.

- #### 添加的版本: 1.0jQuery( ":input" )

The `:input` 选择器基本上选择所有表单控件。

### Additional Notes（其他注意事项）:

- 因为 `:input` 是 jQuery 延伸出来的一个选择器。并且不是的CSS规范的一部分, 使用`:input()`查询不能充分利用原生DOM提供的`querySelectorAll()` 方法来提高性能。为了在现代浏览器上获得更佳的性能，请使用 `.filter(":input")`代替。

## 例子:

#### 查找所有input元素.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 |
    <!DOCTYPE html><html><head>  <style>  textarea { height:25px; }  </style>  <script src="https://code.jquery.com/jquery-latest.js"></script></head><body>  <form>    <input type="button" value="Input Button"/>    <input type="checkbox" />     <input type="file" />    <input type="hidden" />    <input type="image" />     <input type="password" />    <input type="radio" />    <input type="reset" />     <input type="submit" />    <input type="text" />    <select><option>Option</option></select>     <textarea></textarea>    <button>Button</button>  </form>  <div id="messages">  </div><script>var allInputs = $(":input");var formChildren = $("form > *");$("#messages").text("Found " + allInputs.length + " inputs and the form has " +                         formChildren.length + " children."); // so it won't submit$("form").submit(function () { return false; }); </script> </body></html>

#### Demo: