如何在jQuery中使用表单元素过滤选择器

如何在jQuery中使用表单元素过滤选择器?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

成都创新互联公司主营栾川网站建设的网络公司,主营网站建设方案,APP应用开发,栾川h5小程序开发搭建,栾川网站营销推广欢迎栾川等地区企业咨询

jquery是什么

jquery是一个简洁而快速的JavaScript库,它具有独特的链式语法和短小清晰的多功能接口、高效灵活的css选择器,并且可对CSS选择器进行扩展、拥有便捷的插件扩展机制和丰富的插件,是继Prototype之后又一个优秀的JavaScript代码库,能够用于简化事件处理、HTML文档遍历、Ajax交互和动画,以便快速开发网站。

一、:enabled

选择器::enabled
描述:匹配所有可用元素
返回值:元素集合

示例:

$("input.mini:enabled")
//input.mini是DOM元素集合,:enabled是过滤条件

二、:disabled

选择器::disabled
描述:匹配所有不可用元素
返回值:元素集合

示例:

$("input.mini:disabled")
//input.mini是DOM元素集合,:disabled是过滤条件

三、:checked

选择器::checked
描述:匹配所有被选中的元素(复选框、单选框等,不包括select中的option)
返回值:元素集合

示例:

//【写法1】写法1与写法2等价
var checkedValues = $("input[type='checkbox']:checked")//input[type='checkbox']是DON元素集合,:checked是过滤条件,实际选中的是checkbox
//【写法2】
var checkedValues = $(":checkbox:checked");
checkedValues.each(function(i,checkedValue){
  alert($(checkedValue).val());
});

四、:selected

选择器::selected
描述:匹配所有选中的option元素
返回值:元素集合

示例:

//【写法1】
$("select option:selected")//select option是DOM元素集合,:selected是过滤条件,实际选中的是option
//【写法2】
$("select :selected")

若select中只有option子元素时,那写法1与写法2是等效的。

看完上述内容,你们掌握如何在jQuery中使用表单元素过滤选择器的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


分享名称:如何在jQuery中使用表单元素过滤选择器
当前URL:http://bzwzjz.com/article/pihoec.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 网站建设开发 网站建设公司 成都网站制作 网站制作 营销网站建设 重庆企业网站建设 做网站设计 网站建设推广 成都网站建设公司 成都网站建设公司 成都网站建设 成都网站建设 成都网站制作 营销型网站建设 成都网站建设 成都网站制作 响应式网站设计 古蔺网站建设 网站设计制作 定制网站制作 H5网站制作 专业网站设计