如何在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中使用表单元素过滤选择器
网页链接:http://pwwzsj.com/article/pihoec.html