jQuery表单选择器

input选择器(:input)

描述: 查找所有的input元素，下面这些元素都会被匹配到

HTML代码

<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>

jQuery代码

$(":input")

结果

[ 
    <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>,
 ]

text选择器(:text)

描述: 查找所有文本框

HTML代码

<form>
  <input type="text" />
  <input type="checkbox" />
  <input type="radio" />
  <input type="image" />
  <input type="file" />
  <input type="submit" />
  <input type="reset" />
  <input type="password" />
  <input type="button" />
  <select><option/></select>
  <textarea></textarea>
  <button></button>
</form>

jQuery代码

$(":text")

结果

[ <input type="text" /> ]

password选择器(:password)

描述: 查找所有密码框

HTML代码

<form>
  <input type="text" />
  <input type="checkbox" />
  <input type="radio" />
  <input type="image" />
  <input type="file" />
  <input type="submit" />
  <input type="reset" />
  <input type="password" />
  <input type="button" />
  <select><option/></select>
  <textarea></textarea>
  <button></button>
</form>

jQuery代码

$(":password")

结果

[ <input type="password" /> ]

radio选择器(:radio)

描述: 查找所有单选按钮

HTML代码

<form>
  <input type="text" />
  <input type="checkbox" />
  <input type="radio" />
  <input type="image" />
  <input type="file" />
  <input type="submit" />
  <input type="reset" />
  <input type="password" />
  <input type="button" />
  <select><option/></select>
  <textarea></textarea>
  <button></button>
</form>

jQuery代码

$(":radio")

结果

[ <input type="radio" /> ]

checkbox选择器(:checkbox)

描述:  查找所有复选框

HTML代码

<form>
  <input type="text" />
  <input type="checkbox" />
  <input type="radio" />
  <input type="image" />
  <input type="file" />
  <input type="submit" />
  <input type="reset" />
  <input type="password" />
  <input type="button" />
  <select><option/></select>
  <textarea></textarea>
  <button></button>
</form>

jQuery代码

$(":checkbox")

结果

[ <input type="checkbox" /> ]

submit选择器(:submit)

描述: 查找所有提交按钮

HTML代码

<form>
  <input type="text" />
  <input type="checkbox" />
  <input type="radio" />
  <input type="image" />
  <input type="file" />
  <input type="submit" />
  <input type="reset" />
  <input type="password" />
  <input type="button" />
  <select><option/></select>
  <textarea></textarea>
  <button></button>
</form>

jQuery代码

$(":submit")

结果

[ <input type="submit" /> ]

image选择器(:image)

描述: 匹配所有图像域

HTML代码

<form>
  <input type="text" />
  <input type="checkbox" />
  <input type="radio" />
  <input type="image" />
  <input type="file" />
  <input type="submit" />
  <input type="reset" />
  <input type="password" />
  <input type="button" />
  <select><option/></select>
  <textarea></textarea>
  <button></button>
</form>

jQuery代码

$(":image")

结果

[ <input type="image" /> ]

reset选择器(:reset)

描述: 查找所有重置按钮

HTML代码

<form>
  <input type="text" />
  <input type="checkbox" />
  <input type="radio" />
  <input type="image" />
  <input type="file" />
  <input type="submit" />
  <input type="reset" />
  <input type="password" />
  <input type="button" />
  <select><option/></select>
  <textarea></textarea>
  <button></button>
</form>

jQuery代码

$(":reset")

结果

[ <input type="reset" /> ]

button选择器(:button)

描述: 查找所有按钮

HTML代码

<form>
  <input type="text" />
  <input type="checkbox" />
  <input type="radio" />
  <input type="image" />
  <input type="file" />
  <input type="submit" />
  <input type="reset" />
  <input type="password" />
  <input type="button" />
  <select><option/></select>
  <textarea></textarea>
  <button></button>
</form>

jQuery代码

$(":button")

结果

[ <input type="button" />,<button></button> ]

file选择器(:file)

描述: 查找所有文件域

HTML代码

<form>
  <input type="text" />
  <input type="checkbox" />
  <input type="radio" />
  <input type="image" />
  <input type="file" />
  <input type="submit" />
  <input type="reset" />
  <input type="password" />
  <input type="button" />
  <select><option/></select>
  <textarea></textarea>
  <button></button>
</form>

jQuery代码

$(":file")

结果

[ <input type="file" /> ]

hidden选择器(:hidden)

描述: 查找隐藏的 tr

HTML代码

<table>
  <tr style="display:none"><td>Value 1</td></tr>
  <tr><td>Value 2</td></tr>
</table>

jQuery代码

$("tr:hidden")

结果

[ <tr style="display:none"><td>Value 1</td></tr> ]

描述: 匹配type为hidden的元素

HTML代码

<form>
  <input type="text" name="email" />
  <input type="hidden" name="id" />
</form>

jQuery代码

$("input:hidden")

结果

[ <input type="hidden" name="id" /> ]

摘自 jQuery API 文档