第三章知识梳理
- 一个典型的jQuery选择器的语法格式为: $(selector).methodName();
- ID选择器#id:利用DOM元素的id属性值来筛选匹配的元素,并以jQuery包装集的形式返回给对象。
- 元素选择器是根据元素名称匹配相应的元素,指向的是DOM元素的标记名,多数情况下元素选择器匹配的是一组元素。【注意:eq()方法返回的是一个jQuery包装集,所以它只能调用jQuery的方法,而get()方法返回的是一个DOM对象,所以它只能用DOM对象的方法。eq()方法与get()方法默认都是从0开始计数。KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲test").get(0)等效…("#test")[0]】。
- 类名选择器是通过元素拥有的CSS类的名称查找匹配的DOM元素,在一个页面中,一个元素可以有多个CSS类,一个CSS类又可以匹配多个元素,类名选择器也可能会获取一组jQuery包装集。
- 复合选择器将多个选择器组合在一起,两个选择器之间以逗号分隔,只要符合其中的任何一个筛选条件就会被匹配,返回的是一个集合形式的jQuery包装集。多种匹配条件的选择器并不是匹配同时满足这几个选择器的匹配条件的元素,而是将每个选择器匹配的元素合并后一起返回。
- 通配符选择器,所谓的通配符就是指符号“”,它代表着页面上的每一个元素,也是说如果使用$("")将取得页面上所有的DOM元素集合的jQuery包装集。
- ancestor descendant选择器中的ancestor代表祖先,descendant代表子孙,用于在给定的祖先元素下匹配所有的后代元素。ancestor是指任何有效的选择器;descendant是用以匹配元素的选择器,并且它是ancestor所指定元素的后代元素。
- parent>child选择器中的parent代表父元素,child代表子元素,用于在给定的父元素下匹配所有的子元素,使用该选择器只能选择父元素的直接子元素。parent是指任何有效的选择器;child是用以匹配元素的选择器,并且它是parent元素的子元素。
- prev+next选择器用于匹配所有紧接在prev元素后的next元素。prev是指任何有效的选择器;next是一个有效选择器并紧接着prev选择器。其中,prev和next是两个相同级别的元素,使用方法:
(
"
p
r
e
v
+
n
e
x
t
"
)
。
10.
p
r
e
v
s
i
b
l
i
n
g
s
选
择
器
用
于
匹
配
p
r
e
v
元
素
之
后
的
所
有
s
i
b
l
i
n
g
s
元
素
。
其
中
,
p
r
e
v
和
s
i
b
l
i
n
g
s
是
两
个
同
辈
元
素
。
使
用
方
法
:
("prev+next")。 10.prev~siblings选择器用于匹配prev元素之后的所有siblings元素。其中,prev和siblings是两个同辈元素。使用方法:
("prev+next")。10.prev siblings选择器用于匹配prev元素之后的所有siblings元素。其中,prev和siblings是两个同辈元素。使用方法:(“prev~siblings”)。
11.简单过滤器是指以冒号开头,通常用于实现简单过滤效果的过滤 器。
12.内容过滤器就是通过DOM元素包含的文本内容以及是否含有匹配的元素进行筛选。内容过滤器包括:contains(text)、:empty、:has(selector)、:parent。
13.可见性过滤器是利用元素的可见状态匹配元素的。元素的可见状态有两种,分别是隐藏状态和显示状态。因此,可见性过滤器也有两种。一种是匹配所有可见元素的:visible过滤器,另一种是匹配所有不可见元素的:hidden过滤器。
14.表单对象的属性过滤器通过表单元素的状态属性匹配元素,包括:checked过滤器、:disable过滤器、:enabled过滤器、:selected过滤器。
15.子元素选择器就是筛选给定某个元素的子元素,具体的过滤条件由选择器的种类而定。
16.属性选择器是通过元素的属性作为过滤条件进行筛选对象。
17.表单选择器是匹配经常在表单内出现的元素,但是匹配的元素不一定在表单中。