jQuery表单选择器用法详解


Posted in jQuery onAugust 22, 2019

表单选择器

1. :button Selector

1. jQuery(":button")

2. 选择所有元素和类型为按钮的元素

2. :checkbox Selector

1. jQuery(":checkbox")

2. 选择所有元素和类型为复选框的元素

3. :checked Selector

1. jQuery(":checked")

2. 选择所有有勾选的元素

4. :disabled Selector

1. jQuery("disabled")

2. 选择所有被禁用的元素

5. :enabled Selector

1. jQuery(":enabled")

2. 选择所有未被禁用的元素

6. :file Selector

1. jQuery(":file")

2. 选择所有文件类型为file的元素

7. :focus Selector

1. jQuery(":focus")

2. 选择当前获取焦点的元素

8. :image Selector

1. jQuery(":image")

2. 选择所有图像类型的元素

9. input Selector

1. jQuery(":input")

2. 选择所有input,textarea,select和button元素

10. :password Selector

1. jQuery(":password")

2. 选择所有文件类型密码的元素

11. :radio Selector

1. jQuery(":radio")

2. 选择所有类型为单选框的元素

12. :submit Selector

1. jQuery(":submit")

2. 选择所有类型为提交的元素

例 :
var input = $(":button").addClass("marked")
// 选择所有为button的表单 然后添加样式marked

内容扩展:

代码实例:

<script>
$(function(){
    //利用:contains获取包含指定内容的组件,筛选文本内容中包含is单词的组件
    //$("p:contains(special)").css("border" , "1px solid red");
    //获取拥有名为input后代节点的标签
    //$("div:has(input)").css("border" , "1px solid red");
    //利用层叠选择器与has()选择器最大的不同时,层叠选择器选中的是input组件,而上面的has则选中的是拥有input组件的div组件
    //$("div input").css("border" , "1px solid red");
    //利用:parent选择器获取所有非空元素
    //$("*:parent").css("border" , "1px solid red");
    //利用:empty 来获取所有空元素
    //$("*:empty").css("border" , "1px solid red");
    //利用:input获取表单所有元素,:之前什么都不写默认就是*查询所有
    //$(":input").css("border" , "1px solid red");
    //$(":input").css("width" , "200px");
    //$("input,select,button").css("border" , "1px solid red");
    //获取所有按钮
    //$(":button , :submit , :reset").css("border" , "1px solid red");
    //利用:disabled获取不可用的表单元素
    //$(":disabled").css("border" , "1px solid red");
    //下面这句话与之等价
    //$("*[disabled='disabled']").css("border" , "1px solid red");
    //获取被选中的单选框或复选框
    //$(":checked").css("width" , "100px");
    $("*[checked='checked']").css("border" , "1px solid red");
  })
</script>

以上就是本次介绍的关于jQuery表单选择器的知识点全部内容,感谢大家的阅读和对三水点靠木的支持。

jQuery 相关文章推荐
jQuery实现的动态文字变化输出效果示例【附演示与demo源码下载】
Mar 24 jQuery
jQuery插件FusionCharts绘制2D双折线图效果示例【附demo源码】
Apr 14 jQuery
jQuery Masonry瀑布流布局神器使用详解
May 25 jQuery
jQuery实现简单的手风琴效果
Apr 17 jQuery
jQuery实现的表格前端排序功能示例
Sep 18 jQuery
jQuery实现表单动态添加数据并提交的方法
Jul 19 jQuery
jquery实现的简单轮播图功能【适合新手】
Aug 17 jQuery
jQuery实现的卷帘门滑入滑出效果【案例】
Feb 18 jQuery
jQuery控制input只能输入数字和两位小数的方法
May 16 jQuery
JS实现点击生成UUID的方法完整实例【基于jQuery】
Jun 12 jQuery
Jquery动态列功能完整实例
Aug 30 jQuery
基于ajax及jQuery实现局部刷新过程解析
Sep 12 jQuery
详解webpack引用jquery(第三方模块)的三种办法
Aug 21 #jQuery
jquery树形插件zTree高级使用详解
Aug 16 #jQuery
jQuery zTree树插件的使用教程
Aug 16 #jQuery
jQuery zTree插件快速实现目录树
Aug 16 #jQuery
jQuery zTree插件使用简单教程
Aug 16 #jQuery
非常实用的jQuery代码段集锦【检测浏览器、滚动、复制、淡入淡出等】
Aug 08 #jQuery
jQuery提示框插件SweetAlert用法分析
Aug 05 #jQuery
You might like
PHP写MySQL数据 实现代码
2009/06/15 PHP
php中设置index.php文件为只读的方法
2013/02/06 PHP
解析php DOMElement 操作xml 文档的实现代码
2013/05/10 PHP
PHP 使用header函数设置HTTP头的示例解析 表头
2013/06/17 PHP
PHP实现文件上传和多文件上传
2015/12/24 PHP
浅谈Coreseek、Sphinx-for-chinaese、Sphinx+Scws的区别
2016/12/15 PHP
图片连续滚动代码[兼容IE/firefox]
2009/06/11 Javascript
Function.prototype.call.apply结合用法分析示例
2013/07/03 Javascript
javascript使用for循环批量注册的事件不能正确获取索引值的解决方法
2014/12/20 Javascript
jQuery菜单插件superfish使用指南
2015/04/21 Javascript
javascript设计模式之对象工厂函数与构造函数详解
2015/07/30 Javascript
Bootstrap前端开发案例一
2016/06/17 Javascript
Javascript之深入浅出prototype
2017/02/06 Javascript
详解js创建对象的几种方法及继承
2019/04/12 Javascript
浅谈vue项目用到的mock数据接口的两种方式
2019/10/09 Javascript
Postman如何实现参数化执行及断言处理
2020/07/28 Javascript
Ant Design Vue table中列超长显示...并加提示语的实例
2020/10/31 Javascript
前端 javascript 实现文件下载的示例
2020/11/24 Javascript
在Python中使用NLTK库实现对词干的提取的教程
2015/04/08 Python
python的mysqldb安装步骤详解
2017/08/14 Python
Python3+Appium安装使用教程
2019/07/05 Python
详解python实现交叉验证法与留出法
2019/07/11 Python
Python实现微信中找回好友、群聊用户撤回的消息功能示例
2019/08/23 Python
python同义词替换的实现(jieba分词)
2020/01/21 Python
使用celery和Django处理异步任务的流程分析
2020/02/19 Python
Python安装与卸载流程详细步骤(图解)
2020/02/20 Python
Python实现转换图片背景颜色代码
2020/04/30 Python
div或img图片高度随宽度自适应的方法
2020/02/06 HTML / CSS
美国在线自行车商店:Jenson USA
2018/05/22 全球购物
总裁助理岗位职责
2014/02/17 职场文书
团队拓展活动方案
2014/08/28 职场文书
未受刑事制裁公证证明
2014/09/20 职场文书
党员群众路线自我剖析材料
2014/10/06 职场文书
导游词之河北白洋淀
2020/01/15 职场文书
详解Java实践之适配器模式
2021/06/18 Java/Android
使用Ajax实现无刷新上传文件
2022/04/12 Javascript