如有错误 欢迎指出
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对象,一般是动态的,上下文对象都可以动态改变的
注:文章 如有雷同,纯属巧合