什么是jQuery，jQuery选择器

一、什么是jQuery

jQuery 是一个 JavaScript 库。

jQuery 极大地简化了 JavaScript 编程。

二、jQuery选择器

基本选择器

选择器	实例	选取
id选择器	$("#id")	获取指定id元素
类选择器	$(".className")	获取所有类名相同元素
标签选择器	$("div")	获取所有div元素
并集选择器	$("div,p")	获取所有div元素和p元素
交集选择器	$("div.blue")	获取class为blue的div元素

层次选择器

选择器	实例	选取
子代选择器	$("ul>li")	仅包括子级li标签
后代选择器	$("ul li")	包括ul下的所有li标签

基本属性选择器

实例	选取
$("input[checked]")	获取checked选中的标签
$("input[name='username']")	获取input的name属性等于username的标签
$("input[name!='username']")	获取input的name属性不包含username的标签
$("div[class^='b']")	获取类名以b开始的标签
$("div[class*='z']")	获取类名包含z的标签

操作标签的属性

标签属性方法 attr(name)/attr(name,value) 读/写非布尔值的标签属性

标签属性方法 prop(name)/prop(name,value) 读/写布尔值的标签属性

删除属性方法 removeAttr(name)/removeProp(name) 删除指定名字属性

自定义属性方法 data() 读写标签的附加数据（data-*属性）

 

过滤选择器

选择器	选取
div:eq(index)	获取索引为index的元素
div:odd	获取索引为奇数的元素
div:even	获取索引为偶数的元素
div:first	获取第一个元素
div:last	获取最后一个元素
div:gt(index)	获取索引大于index的元素
div:lt(index)	获取索引小于index的元素
div:not(selector)	去除某一个元素

筛选选择器

选择器	选取
:contains('12')	如果元素中有某个内容则获取该元素
:has('p')	如果元素中有某个标签时则获取该元素
:empty	获取空元素或者不包含子元素的标签
:parent	获取含有子元素或文本的标签

筛选选择器（方法）

方法	使用	描述
children(selector)	$("ul").children("li")	相当于$("ul>li"),子类选择器
find(selector)	$("ul").find("li")	相当于$("ul li"),后代选择器
siblings(selector)	$("#first").siblings("li")	获取兄弟节点，不包括本身
parent()	$("#first").parent()	查找父亲元素
eq(index)	$("li").eq(1)	查找索引为1的li元素
next()	$("li").next()
prev()	$("li".prev()	上一个兄弟