美文网首页
jQuery的表单选择器篇

jQuery的表单选择器篇

作者: 满嘴骚话 | 来源:发表于2017-09-25 15:41 被阅读0次

表单选择器

1.常规选择器

我们可以使用 id、类(class)和元素名来获取表单字段,如果是表单元素,都必须含有name属性,还可以结合属性选择器来精确定位。

$('input').val(); //元素名定位,默认获取第一个
$('input').eq(1).val(); //同上,获取第二个
$('input[type=password]').val(); //选择 type 为 password 的字段
$('input[name=user]').val(); //选择 name 为 user 的字段

那么对于 id 和类(class)用法比较类似,也可以结合属性选择器来精确的定位,在这里我
们不在重复。对于表单中的其他元素名比如:textarea、select 和 button 等,原理一样,不在重复。


2.表单选择器

方法名 描述 返回
:input 选取所有 input、textarea、select 和 button 元素 集合元素
: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 集合元素

3.表单过滤器

方法名 描述 返回
:enabled 选取所有可用元素 集合元素
:disabled 选取所有不可用元素 集合元素
:checked 选取所有被选中的元素,单选和复选字段 集合元素
:selected 选取所有被选中的元素,下拉列表 集合元素



上一篇: jQuery的DOM节点操作篇
下一篇: jQuery的基础事件篇

相关文章

  • jQuery入门(2)

    jQuery选择器 属性筛选选择器 子元素筛选选择器 表单元素选择器 表单对象属性筛选选择器 特殊选择器this ...

  • 2020-04-07jQuery

    基本选择器 层叠选择器 属性选择器 位置选择器 表单选择器 操作 操作元素的CSS样式 设置元素内容 jQuery...

  • jQuery选择器

    jQuery选择器可以分为基本选择器、层次选择器、过滤选择器和表单选择器。 1、基本选择器 2、层次选择器 3、过...

  • JQuery选择器

    根据所获取页面中元素的不同,可以将jQuery选择器分为4大类:基本选择器、层次选择器、过滤选择器、表单选择器。 ...

  • jquery选择器书目录

    jquery选择器-基本选择器 jquery选择器-层级选择器 jquery选择器-基本过滤选择器 jquery选...

  • JQUERY一

    jQuery 元素选择器 jQuery 属性选择器 jQuery CSS 选择器 jQuery 事件 jQuery...

  • jQuser有选择器

    jQuery基本选择器 jQuery过滤选择器 jQuery层级选择器 jQuery筛选选择器(方法)

  • jQuery 整理

    样式篇 jQuery选择器 ①id选择器:$( "#id" )②类选择器:$( ".class" )③元素选择器:...

  • jQuery 基础

    jQuery jQuery操作DOM jQuery的选择器 基本选择器 层级选择器 过滤选择器 jQuery操作样...

  • jQuery

    jQuery jQuery操作DOM jQuery的选择器 基本选择器 层级选择器 过滤选择器 jQuery操作样...

网友评论

      本文标题:jQuery的表单选择器篇

      本文链接:https://www.haomeiwen.com/subject/xjkdextx.html