选择表单元素

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

使用 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 … 选择是启用的表单元素 ..

选择表单元素《 jQuery 基础 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点