1、jQuery选择器
jQuery选择器类似CSS选择器,能够实现定位元素、施加行为。
2、jQuery选择器的优势
1)写法简洁
(
)
工
厂
函
数
在
很
多
j
s
类
库
中
都
被
作
为
一
个
选
择
器
函
数
使
用
,
支
持
c
s
s
1
到
c
s
s
3
所
有
的
选
择
器
,
使
用
j
Q
u
e
r
y
选
择
器
,
不
用
考
虑
浏
览
器
的
兼
容
性
2
)
()工厂函数在很多js类库中都被作为一个选择器函数使用,支持css1到css3所有的选择器,使用jQuery选择器,不用考虑浏览器的兼容性 2)
()工厂函数在很多js类库中都被作为一个选择器函数使用,支持css1到css3所有的选择器,使用jQuery选择器,不用考虑浏览器的兼容性2)()工厂函数
在jq中,无论是哪种类型的选择器,都要从一个美元符号(
)
和
一
对
小
括
号
开
始
,
所
有
能
在
c
s
s
中
使
用
的
选
择
器
,
都
能
放
到
这
个
括
号
中
的
引
号
内
语
法
:
)和一对小括号开始,所有能在css中使用的选择器,都能放到这个括号中的引号内 语法:
)和一对小括号开始,所有能在css中使用的选择器,都能放到这个括号中的引号内语法:(“选择器名”)
3、基本选择器
1)ID选择器
特点:查找快、具有唯一性
作用:找到指定id对应的元素
语法:KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲id值"); 2)类选…(".class值")
3)元素选择器
找到页面中元素名匹配的所有元素
语法:
(
"
元
素
名
"
)
4
)
通
用
选
择
器
获
得
页
面
中
所
有
的
元
素
语
法
:
("元素名") 4)通用选择器 获得页面中所有的元素 语法:
("元素名")4)通用选择器获得页面中所有的元素语法:("*")
5)合并选择器(群组选择器)
指所有选择器的合集,将每一个选择器匹配到的元素一起返回
4、层次选择器
1)选择器1 选择器二(后代选择器)
根据选择器一找到节点对象,然后再去找该节点的子节点中匹配选择器二的对象,包括间接子节点
语法:$(“选择器1 选择器2”);
2)选择器1>选择器2
只查找直接子元素
语法:$("选择器1>选择器2");
3)选择器1+选择器2
选择器1后紧跟着的匹配选择器2的元素,只会向后找一个兄弟元素
语法:$("选择器1+选择器2");
4)选择器1~选择器2
找到选择器1之后的,所有可以匹配选择器2的元素
语法:$("选择器1~选择器2");
|