千家信息网

jQuery的属性筛选选择器有哪些

发表于:2024-11-20 作者:千家信息网编辑
千家信息网最后更新 2024年11月20日,本文小编为大家详细介绍"jQuery的属性筛选选择器有哪些",内容详细,步骤清晰,细节处理妥当,希望这篇"jQuery的属性筛选选择器有哪些"文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来
千家信息网最后更新 2024年11月20日jQuery的属性筛选选择器有哪些

本文小编为大家详细介绍"jQuery的属性筛选选择器有哪些",内容详细,步骤清晰,细节处理妥当,希望这篇"jQuery的属性筛选选择器有哪些"文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

属性筛选选择器

选择器描述
$("[attribute|+'value']")选择指定属性值等于给定字符串或以该文字串为前缀(该字符串后跟一个连字符"-")的元素
$("[attribute|+'value']")选择指定属性具有包含一个给定的子字符串的元素(选择给定的属性是以包含某些值的元素)
$("[attribute*+'value']")选择指定属性用空格分隔的值中包含一个给定值的元素
$("[attribute~='value']")选择指定属性是给定值得元素
$("[attribute='value']")选择不存在指定属性,或者指定的属性值不等于给定值的元素
$("[attribute^='value']")选择指定属性是以给定字符串开始的元素
$("[attribute$='value']")选择指定属性是以给定值结尾的元素,这个比较是区分大小写的
$("[attribute]")选择所有具有指定属性的元素,该属性可以是任何职
$("[attribute$='value']")选择匹配所有指定的属性筛选器的元素

子元素选择器

选择器描述
$(":first-child")选择所有父级元素下的第一个子元素
$(":last-child")选择所有父级元素下的最后一个子元素
$(":only-child")如果某个元素是其父元素的唯一子元素,那么它就会被选中
$(":nth-child")选择的他们所有父元素的第n个子元素
$(":nth-last-child")选择所有他们父元素的第n个子元素。计数从最后一个元素开始到第一个

表单元素选择器

选择器描述
$(":input")选择所有 input,textarea,select 和 button 元素
$(":text")匹配所有文本框
$(":password")匹配所有密码框
$(":radio")匹配所有单选按钮
$(":checkbox")匹配所有复选框
$(":submit")匹配所有提交按钮
$(":image")匹配所有图像域
$(":reset")匹配所有重置按钮
$(":button")匹配所有按钮
$(":file")匹配所有文本域

读到这里,这篇"jQuery的属性筛选选择器有哪些"文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注行业资讯频道。

0