jQuery<4.3>

xiaoxiao2021-02-28  63

属性选择器:通过HTML元素的属性来选择元素

名称

语法构成

描述

示例

属性选择器

[attribute]

选取包含给定属性的元素

$(" [href]" )选取含有href属性的元素

[attribute=value]

选取等于给定属性是某个特定值的元素

$(" [href ='#']" )选取href属性值为“#”的元素

[attribute !=value]

选取不等于给定属性是某个特定值的元素

$(" [href !='#']" )选取href属性值不为“#”的元素

属性选择器

[attribute^=value]

选取给定属性是以某些特定值开始的元素

$(" [href^='en']" )选取href属性值以en开头的元素

[attribute$=value]

选取给定属性是以某些特定值结尾的元素

$(" [href$='.jpg']" )选取href属性值以.jpg结尾的元素

[attribute*=value]

选取给定属性是以包含某些值的元素

$(" [href* ='txt']" )选取href属性值中含有txt的元素

[selector] [selector2] [selectorN]

选取满足多个条件的复合属性的元素

$("li[id][title=新闻要点]" )选取含有id属性和title属性为新闻要点的<li>元素

属性选择器可以根据是否包含某属性来选取元素;也可以根据属性的值来选取元素;支持多属性条件复合查找元素 过滤选择器: 过滤选择器通过特定的过滤规则来筛选元素 语法特点是使用“ : ”,如使用 $(“ li:first ”) 来选取第一个 li 元素 主要分类如下:   基本过滤选择器   可见性过滤选择器   表单对象过滤选择器   内容过滤选择器、子元素过滤选择器 …… 基本过滤选择器(可以选取第一个元素、最后一个元素、索引为偶数或奇数的元素)

名称

语法构成

描述

示例

基本过滤选择器

:first

选取第一个元素

$(" li:first" )选取所有<li>元素中的第一个<li>元素

:last

选取最后一个元素

$(" li:last" )选取所有<li>元素中的最后一个<li>元素

:even

选取索引是偶数的所有元素(index从0开始)

$(" li:even" )选取索引是偶数的所有<li>元素

:odd

选取索引是奇数的所有元素(index从0开始)

$(" li:odd" )选取索引是奇数的所有<li>元素

转载请注明原文地址: https://www.6miu.com/read-70739.html

最新回复(0)