jQuery常用选择器有哪些？

jQuery常用选择器有哪些？

jQuery里面使用最频繁的选择器应该就是

id选择器$('#element-id')

class选择器$('.class-name')

标签选择器$('element-name')了。另外还有：

1.层次选择器(能者多劳)

通过DOM元素间的层次关系获取元素，主要层次关系包括后代、父子、相邻、兄弟关系等。

根据祖先元素匹配所有后代元素： $('ancestor descendant')

根据父元素匹配所有的子元素： $('parent > child')

匹配所有紧接在prev元素后的相邻元素： $('prev + next')

匹配prev元素之后的所有兄弟元素：$('prev ~ siblings')

2.过滤选择器(能者多劳)

过滤选择器根据某类过滤规则进行元素的匹配，以:开头。过滤选择器又分为：简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器和表单对象属性过滤选择器。

简单过滤选择器

获取第一个和最后一个元素：

$(':first')

$(:last')

获取所有索引值为偶数和奇数的元素，索引值从0开始：

$(':even')

$(':odd')

获取等于、大于和小于索引值的元素：

$(':eq(index)')

$(':gt(index)')

$(':lt(index)')

获取除给定的选择器外的元素：

$(':not(selector)')

内容过滤选择器

获取包含给定文本的元素：$(':contains(text)'):

获取所有不包含子元素或者文本的空元素：$(':empty')

获取含有选择器所匹配的元素的元素： $(':has(selector)')

获取含有子元素或文本的元素： $(':parent')

可见性过滤选择器

获取所有不可见的元素，或者type为hidden的元素：

$(':hidden')

获取所有可见的元素：

$(':visible')

属性过滤选择器

获取包含给定属性的元素： $('element[attribute]')

获取属性是给定值的元素： $('element[attribute=value]')

获取属性不是给定值的元素：$('element[attribute!=value]')

获取属性是以给定值开始的元素：$('element[attribute^=value]')

获取属性是以给定值结束的元素： $('element[attribute$=value]')

获取属性是包含给定值的元素： $('element[attribute*=value]')

子元素过滤选择器

获取父元素下的第一个、最后一个子元素：

$(':first-child')

$(':last-child')

表单对象属性过滤选择器

获取表单中所有被选中的元素：$(':checked')

获取表单中所有被选中option的元素：$(':selected')

3.表单选择器

通过它可以在页面中快速定位某表单里面写的元素。

获取所有input、textarea、select等input元素：$(':input')

获取所有单行文本框：$(':text')

获取所有密码框：$(':password')

获取所有单项按钮：$(':radio')

获取所有复选框：$(':checkbox')

获取所有提交按钮：$(':submit')

获取所有图像域：$(':image')

获取所有重置按钮：$(':reset')

获取所有按钮：$(':button')

获取所有文件域：$(':file')