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实现tab键进行选择后enter键触发click行为
Mar 29 jQuery
jQueryeasyui 中如何使用datetimebox 取两个日期间相隔的天数
Jun 13 jQuery
JQuery 获取Dom元素的实例讲解
Jul 08 jQuery
jQuery菜单实例(全选,反选,取消)
Aug 28 jQuery
jQuery 1.9版本以上的浏览器判断方法代码分享
Aug 28 jQuery
jQuery UI Draggable + Sortable 结合使用(实例讲解)
Sep 07 jQuery
jQuery easyui datagird编辑行删除行功能的实现代码
Sep 20 jQuery
jQuery实现的中英文切换功能示例
Jan 11 jQuery
jQuery实现的鼠标拖动画矩形框示例【可兼容IE8】
May 17 jQuery
解决jquery validate 验证不通过后验证正确的信息仍残留在label上的方法
Aug 27 jQuery
jquery将信息遍历到界面上实例代码
Jan 21 jQuery
jQuery实现点击滚动到指定元素上的方法分析
Mar 19 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
BBS(php &amp; mysql)完整版(四)
2006/10/09 PHP
PHP编实现程动态图像的创建代码
2008/09/28 PHP
php URL编码解码函数代码
2009/03/10 PHP
PHP积分兑换接口实例
2015/02/09 PHP
PHP单文件上传原理及上传函数的封装操作示例
2019/09/02 PHP
IE8下关于querySelectorAll()的问题
2010/05/13 Javascript
玩转方法:call和apply
2014/05/08 Javascript
jQuery中的pushStack实现原理和应用实例
2015/02/03 Javascript
node.js插件nodeclipse安装图文教程
2020/10/19 Javascript
ThinkJS中如何使用MongoDB的CURD操作
2016/12/13 Javascript
js实现符合国情的日期插件详解
2017/01/19 Javascript
Nodejs之TCP服务端与客户端聊天程序详解
2017/07/07 NodeJs
label+input实现按钮开关切换效果的实例
2017/08/16 Javascript
微信小程序wx.getImageInfo()如何获取图片信息
2018/01/26 Javascript
ztree加载完成后显示勾选节点的实现代码
2018/10/22 Javascript
微信小程序select下拉框实现效果
2019/05/15 Javascript
Python 解析XML文件
2009/04/15 Python
用Python编写脚本使IE实现代理上网的教程
2015/04/23 Python
python类继承用法实例分析
2015/05/27 Python
最近Python有点火? 给你7个学习它的理由!
2017/06/26 Python
浅谈Python peewee 使用经验
2017/10/20 Python
Python探索之URL Dispatcher实例详解
2017/10/28 Python
python找出完数的方法
2018/11/12 Python
Python使用for生成列表实现过程解析
2020/09/22 Python
详解移动端HTML5页面端去掉input输入框的白色背景和边框(兼容Android和ios)
2016/12/15 HTML / CSS
德国价格合理的品牌商品购物网站:averdo
2019/03/21 全球购物
学年自我鉴定范文
2013/10/01 职场文书
《生命的药方》教学反思
2014/04/08 职场文书
推荐信怎么写
2014/05/09 职场文书
汽车维修求职信
2014/06/15 职场文书
敬老月活动总结
2014/08/28 职场文书
党的群众路线对照检查材料思想汇报(学校)
2014/10/04 职场文书
入党后的感想
2015/08/10 职场文书
高中团支书竞选稿
2015/11/21 职场文书
标准发言稿结尾
2019/07/18 职场文书
python在package下继续嵌套一个package
2022/04/14 Python