jQuery<4.3>

属性选择器：通过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>元素