一、选择器的优势
(1)简洁的写法
(2)完善的处理机构
二、jQuery选择器的类型
(1)基本选择器
(2)层次选择器
(3)属性选择器
(4)基本过滤器
(5)可见性过滤器
三、基本选择器
(1)标签选择器
标签选择器:匹配指定标签名元素(元素集合)
语法:
$("div")
(2)类选择器
类选择器:匹配指定class元素(元素集合)
语法:
$(".title")
(3)id选择器
id选择器:匹配指定的id元素(单个元素)
语法:
$("#titly")
(4)并集选择器
并集选择器:将每个选择器匹配的元素并合到一起后返回(元素集合)
语法:
$("div,p,li")
(5)全局选择器
全局选择器:匹配所有元素(集合元素)
语法:
$("*")
四、层次选择器
(1)后代选择器
后代选择器:选取指定元素的所有后代元素(集合元素)
语法:
$("#menu span")
(2)子选择器
子选择器:选取指定元素的子元素(集合元素)
语法:
$("#menu>span")
(3)相邻选择器
相邻选择器:选取与指定元素紧邻的元素(元素集合)
语法:
$("menu+span")
(4)同辈选择器
同辈选择器:选取指定元素的所有同级元素
语法:
$("menu~span")
五、属性选择器
(1)包含指定属性的元素
例:
$("[id]")
(2)选取指定属性等于指定值的元素
例:
$("[href=asd]")
(3)选取指定属性非等于指定值的元素
例:
$("[href!=asd]")
(4)选取指定属性的属性值以特定值开始的元素
例:
$("[href^=asd]")
(5)选取指定属性的属性值以特定值结尾的元素
例:
$("[href$=asd]")
(6)选取指定属性的属性值包含特定值的元素
例:
$("[href*=asd]")
六、基本过滤选择器
(1)选取第一个元素
语法
:first
(2)选取最后一个元素
语法
:last
(3)选取去除指定元素的剩余元素
语法
:not
(4)选取索引使偶数的全部元素(从0开始)
语法
:even
(5)选取索引是奇数的全部元素(从0开始)
语法
:odd
(6)选取索引等于指定值的元素
语法
:eq()
(7)选取索引大于指定值的所有元素
语法
:gt()
(8)选取索引小于指定值的所有元素
语法
:lt()
(9)获取当前焦点元素
语法
:focus
(10)获取所有动画元素
语法
:animated
八、可见性过滤选择器
(1)选取所有可见元素
语法
:visible
(2)选取所有隐藏元素
语法
;hidden