jquery选择器

如有错误               欢迎指出

1.ID选择器

$("#id")选择标签为该id的标签(单个)

2.CLASS选择器

$(".class")选择标签为该class的标签(集合)

3.element选择器(标签选择器)

$("element")选择标签为该名字的标签

4.全元素选择器

$("*")选择全部标签(html,head也会被选中)

                        4.1.小技巧

                        $("body *")jquery只获取body下面所有元素

5.层级选择器

$("E>F")子选择器E>F：元素E下面的子元素F(指E下面的第一层F)

$("E F")后代选择器E F：元素E后面的所有F元素(没有层数要求)

$("E+F")兄弟选择器E+F：与元素E相邻且在元素E后面的F元素(同一层)

$("E~F")相邻选择器E～F：元素E同级且在E元素后面的所有元素F

6.筛选选择器

$(":eq(n)")选择第n个标签

$(":lt(n)")选择小于于n的标签

$(":gt(n)")选择大于n的标签

$(":even")选择偶数元素标签

$(":odd")选择奇数元素标签

$(":first")选择第一个元素标签

$(":last")选择最后一个元素标签

$(":not(n)")选择除了元素n之外的其他元素

$(":header")选择所有标题(h1～h6)元素：

$(":root")选择html，效果和原生js的document.documentElement效果一样：

7.内容选择器

$(":contains(text)")选择包含text的元素节点对象

$(":has(element)")选择包含element元素的父元素节点对象

$(":parent")选择所有包含子元素或文本元素的节点对象

$(":empty")选择不包含子元素或文本元素的节点对象

8.可见性筛选选择器

$(":visible")选择所有可见的元素

$(":hidden")选择所有隐藏的元素(display:none)

9.属性选择器

$('div[attr="val"]')选择属性是attr值是val的div元素节点

$('div[attr!="val"]')选择属性是attr值不是val的div元素节点

$('div[attr^="val"]')选择属性是attr值以val开头的div元素节点

$('div[attr$="val"]')选择属性是attr值以val结尾的div元素节点

$('[attr]')选择属性是attr的元素节点

$('[attr1][attr2]')选择属性至少包含两个attr的节点对象(注：属性可以赋值，如果相同值则选中节点如果不同则无法选中)

$('[attr|="val"]')选择值val或者开头val加-的元素节点

$('[attr*="val"]')选择属性attr值包含val的元素节点

$('[attr∽="val"]')选择属性attr值包含空格分割包含一个给定的值得元素节点对象

10.子元素筛选选择器

$(":first-child")选择所有父元素的第一个子元素

$(":last-child")选择所有父元素的最后一个子元素

$(":only-child")如果某个元素是其父元素的唯一子元素那么他就会被选中

$("nth-child(index)")选择他们的父级第index个子元素，其index值是从1开始

$("nth-last-child(index)")   nth-child(n)与nth-last-child(n)区别，前者是从前往后计算，后者是从后忘前计算

11.表单元素选择器

$(":input")选择所有的input,select,textarea,button

$(":text")匹配所有的文本框

$(":password")匹配所有的密码框

$(":radio")匹配所有的单选按钮

$(":checkbox")匹配所有的复选按钮

$(":submit")匹配所有的提交按钮

$(":image")选择所有的图像域

$(":reset")匹配所有的重置按钮

$(":button")匹配所有的按钮

$(":file")匹配所有的文件域

12.表单对象属性筛选选择器

$(":enabled")选择可用的表单元素(input,select,button,textarea)

$(":disabled")选择不可用的表单元素

$(":checked")选取被选中的input元素

$(":selected")选取被选中的option元素

13.特殊选择器

$("this")代表的上下文对象是一个jquery对象，可以调用jquery的方法和属性值

this原生的this对象，一般是动态的，上下文对象都可以动态改变的

注:文章 如有雷同，纯属巧合