jQuery选择器

jQuery选择器

基本选择器：

• 元素选择器：$('p')、$('div');
• 类选择器： $('.classname')
• ID选择器： $('#idname')
• *选择器：$('*')

层级选择器

• ancestor descendant：选择祖先元素下的所有后代元素；
• parent > child:选择父元素下的所有子元素；
• prev + next : 选择所有紧跟在prev元素后的next元素；
• prev ~ sibings:选择prev中所有的兄弟元素。

基本筛选器

• :first:last 选择匹配的第一个或最后一个元素；
• :even:odd 选择所有索引值为偶数\奇数的元素，从0开始计数；
• :eq(index):匹配一个给定索引的元素；
• :gt(index)\lt(index)：匹配所有大于\小于给定索引的元素；

内容选择器

• contains(text)：选择含有指定内容的元素；
• :empty ：选择所有不包含子元素或者文本的空元素；
• :parent ：匹配含有子元素或者文本的元素；
• :has(selector)：匹配含有选择器所匹配的元素的元素；

属性选择器

• [attribute]：匹配包含给定属性的元素；
• [attribute=value]：匹配给定的属性是某个特定值的元素；
• [attribute !=value]：匹配不是或者不含有给定属性值的元素；
• [attribute^=value]：匹配给定的属性是以某种值开始的元素；
• [attribute$=value]：匹配给定的属性是以某种值结尾的 元素；
• [attribute*=value]：匹配给定的属性是以包含某些值的元素。

子元素选择器

• :first-child :last-child 匹配所有给定选择器的第一个\最后一个子元素；
• :nth-child(index\even\odd) 匹配其父元素下的第index个子元素，从1开始。参数值也可为：even（匹配偶数元素）、odd（匹配奇数元素）；
• :nth-last-child(indx\even\odd) 选择所有他们父元素的第index个子元素。计数从最后一个元素开始。 数值也可为：even（匹配偶数元素）、odd（匹配奇数元素）；
• :only-child 如果某个元素是父元素中唯一的子元素，将被匹配；

表单选择器

• :input 匹配所有input元素；
• :text 匹配所有的单行文本框；
  同理可知 :password、:radio 、:checkcox 、:submit 、:image 、:reset 、:button 、:file
• :checked 匹配所有选中的被选中元素（复选框、单选框等，select中的option）
• :selected 匹配所有选中的option元素。