使用 jQuery 可以很容易选择文档里的表单元素,可以选择不同类型的表单元素,或者处于不同状态的表单元素 …
比如,我想找出这个页面上所有的 input 元素 …
$( ‘:input’ )
跟表单相关的选择器,都有一个冒号 … :input 表示找到所有 input 类型的元素 …
注意这里使用 button 标签的按钮也被看成是 input 类型的元素 … 如果想单独选中按钮元素 … 可以使用 :button …
$( ‘:button’ )
找到结果就是页面上的 重置 按钮,还有 注册 按钮 …
如果只想找到提交类型的按钮 … 可以使用 :submit .. . $( ’:submit' )
想选择重置按钮,可以用 :reset … $( ‘:reset' )
选择不同的类型的表单元素,一般就是使用冒号加上元素的名称 … 或者元素类型的名称 …
比如找到 密码 类型的 input 元素 … $( ‘:password’ )
文件类型的 input .. 是 :file … $( ‘:file’ )
选择页面上的复选框 … 是 :checkbox … $( ‘checkbox’ )
单选按钮是 :radio … $( ‘:radio' )
如果想要选择被勾选的单选按钮或者复选框 ,用到的是 :checked …
先选中这个复选框(#记住)
然后输入 $( ‘:checked’ ) … 会选择这个被勾选的 记住 这个复选框 … 还有 企业用户 这个单选按钮 …
状态
另外我们还有一些根据表单元素的状态来选择的选择器 … 比如 :focus … 会选择处在焦点状态的 input 元素 …
:disabled … 选择的是被禁用的表单元素 … :enabled … 选择是启用的表单元素 ..