jQuery 表单选择器

简介: 版权声明:本文为博主原创文章,转载请注明出处。 https://blog.
版权声明:本文为博主原创文章,转载请注明出处。 https://blog.csdn.net/twilight_karl/article/details/71506719
  • :input 选取所有表单元素,返回集合
  • :text 选择所有单行文本框,即 type=text 集合元素
  • :password 选择所有密码框,即 type=password 集合元素
  • :radio 选择所有单选框,即 type=radio 集合元素
  • :checkbox 选择所有复选框,即 type=checkbox 集合元素:submit 选取所有提交按钮,即 type=submit 集合元素
  • :reset 选取所有重置按钮,即 type=reset 集合元素
  • :image 选取所有图像按钮,即 type=image 集合元素
  • :button 选择所有普通按钮,即 button 元素 集合元素
  • :file 选择所有文件按钮,即 type=file 集合元素
  • :hidden 选择所有不可见字段,即 type=hidden 集合元素

对于以下表单:

<form>
<input type="text" name="user" value="123" disabled/>
<input type="password" name="pass" value="456"/>
<textarea></textarea>
<select>
    <option value="1">1</option> 
    <option value="2" selected>2</option>
    <option value="3">3</option>
</select>

<select>
    <option value="4">4</option> 
    <option value="5" selected>5</option>
    <option value="6">6</option>
</select>
<button>2333</button>

<input type="radio" name="sex" value="nan" checked>男
<input type="radio" name="sex" value="nv">女
</form>

相应的操作:

alert($('input').size());          // 2 必须是input标签
alert($(':input').eq(1).val());    // 5 所有表单控件
alert($(':input').val());          // 默认获取集合中第一个的值

表单过滤器

  • :enabled 选取所有可用元素 集合元素
  • :disabled 选取所有不可用元素 集合元素
  • :checked 选取所有被选中的元素,单选和复选字段 (测试时发现也可以选中下拉列表)
  • :selected 选取所有下拉列表中被选中的元素,获得选定的元素的option对象
alert($(':enabled').size());   // 获取所有可用的元素
alert($(':disabled').val());   // 获取所有不可用的元素

alert($(':selected').size());  // 获取所有下拉框中被选中的元素 返回集合
alert($(':selected').size());  // select 可以识别selected    checked可以识别checked和selected
相关文章
N..
|
1月前
|
JavaScript 前端开发 开发者
jQuery选择器
jQuery选择器
N..
14 1
|
3月前
|
JavaScript
jquery的9大选择器
jquery的9大选择器
28 2
|
3月前
|
JavaScript
jQuery :nth-of-type(n)选择器的用法详解
jQuery中,:nth-of-type(n)选择器可以对selector选择器匹配选择到的所有HTML元素进行二次匹配选择,为了更好地阐述:nth-of-type(n)的语法,这里假设selector是一个元素p选择器,如此,:nth-of-type(n)可以用于匹配p元素选择器选择到的p元素指向的父元素中第n个类型为p的子元素,而且与p是否是该父元素的第n个子元素无关,比如
40 5
|
6月前
|
JavaScript 前端开发 Java
jQuery入门&选择器
jQuery入门&选择器
|
1月前
|
安全 JavaScript 数据安全/隐私保护
jQuery会员中心安全修改表单特效
jQuery实现的会员中心安全修改表单特效代码是一款实现了可以修改登录密码,交易密码,手机号码,实名认证,电子邮箱,安全设置表单,会员表单等设置效果的代码
14 4
jQuery会员中心安全修改表单特效
|
1月前
|
JavaScript
jQuery选择器案例之——index.js
jQuery选择器案例之——index.js
8 0
|
1月前
|
JavaScript
jQuery选择器案例之——index.html
jQuery选择器案例之——index.html
9 1
|
1月前
|
JavaScript 前端开发
jQuery选择器整理
jQuery选择器整理
13 0
|
1月前
|
前端开发 JavaScript 索引
第二章jQuery选择器
第二章jQuery选择器
8 0
|
1月前
|
JavaScript
jquery选择器案例分享
jquery选择器案例分享
9 0