jquery:jQuery,JQuery
j:javascript query:查询,一个js工具函数库
jQuery 的使用:瑞士军刀,小(轻便,简便,高效)而功能全面。
竞品:prototype.js,…
- 选择元素:有丰富的选择器,有丰富的文档筛选操作。
- 修改元素:有丰富的简单使用的方法。
- 事件处理:
- jquery动画:
- 工具函数:
主要语法:
$(“选择器”).action; action指代各种方法,表示对选中的元素进行何种操作。
- 选择器:jquery首先支持绝大多数的css选择器。
1.1 + :紧邻弟选择器。
1.2 ~:所有弟选择器。
1.3 :not(selector) :不满足指定的选择器的元素。
1.4 [attr]:选取包含attr属性的元素。
1.5 [attr=value] :选取包含attr属性,且值为value的元素。
1.6 [attr!=value] :选取没有attr属性,或者有attr属性,但值不等于value的元素。
1.7 :first-of-type:同类型的第一个子元素。
1.8 :last-of-type:同类型的最后一个子元素。
1.9 :nth-of-type:同类型第几个子元素。
jquery独有选择器,非css选择器:
2. :first:表示选中第一个元素。
3. :last:表示选中最后一个元素。
4. :even: 选择第偶数个元素。
5. :odd:选取第奇数个元素
6. :eq():选取第n个元素。
7. :gt():选择大于指定位置的元素。greater than
8. :lt():less than:选择小于指定位置的元素。
9. :contains() : 选取包含指定文本的元素,使用频率低。
10. :empty:选取空元素(无子元素或无内容)
11. :has(s) : 表示包含指定选择器所选中元素的元素。
12. :parent:表示选取非空元素,有子元素,或者文本内容。
13. :hidden:选取不可见元素。display:none,input type=hidden,visibility:hidden
14. :visible:选取可见元素。:not(:hidden)。
14 [attr^=value]:选取有attr属性,且值以value开头的。
15 [attr
=
v
a
l
u
e
]
:
选
取
有
a
t
t
r
属
性
,
且
值
以
v
a
l
u
e
结
尾
的
。
16
[
a
t
t
r
∗
=
v
a
l
u
e
]
:
选
取
有
a
t
t
r
属
性
,
且
值
包
含
v
a
l
u
e
的
。
17
:
i
n
p
u
t
:
表
示
选
取
所
有
表
单
元
素
。
i
n
p
u
t
t
e
x
t
a
r
a
s
e
l
e
c
t
b
u
t
t
o
n
18
:
t
e
x
t
:
选
取
单
行
文
本
框
。
19
:
p
a
s
s
w
o
r
d
:
选
取
密
码
框
。
20
:
r
a
d
i
o
:
单
选
按
钮
21
:
c
h
e
c
k
b
o
x
:
复
选
框
15.
:
s
u
b
m
i
t
:
r
e
s
e
t
:
b
u
t
t
o
n
用
于
选
取
提
交
按
钮
,
重
置
按
钮
和
普
通
按
钮
,
包
括
b
u
t
t
o
n
16.
:
c
h
e
c
k
e
d
:
选
取
所
有
已
被
选
中
的
元
素
(
单
选
按
钮
和
复
选
框
)
17.
:
s
e
l
e
c
t
e
d
:
选
取
已
被
选
中
的
元
素
(
下
拉
列
表
框
)
j
q
u
e
r
y
中
=value]:选取有attr属性,且值以value结尾的。 16 [attr*=value]:选取有attr属性,且值包含value的。 17 :input:表示选取所有表单元素。input textara select button 18 :text:选取单行文本框。 19 :password:选取密码框。 20 :radio:单选按钮 21 :checkbox:复选框 15. :submit :reset :button 用于选取提交按钮,重置按钮和普通按钮,包括button 16. :checked:选取所有已被选中的元素(单选按钮和复选框) 17. :selected:选取已被选中的元素(下拉列表框) jquery中
=value]:选取有attr属性,且值以value结尾的。16[attr∗=value]:选取有attr属性,且值包含value的。17:input:表示选取所有表单元素。inputtextaraselectbutton18:text:选取单行文本框。19:password:选取密码框。20:radio:单选按钮21:checkbox:复选框15.:submit:reset:button用于选取提交按钮,重置按钮和普通按钮,包括button16.:checked:选取所有已被选中的元素(单选按钮和复选框)17.:selected:选取已被选中的元素(下拉列表框)jquery中函数返回的对象类型,就是Object对象,为方便与dom对象区分,称之为jquery
对象,jquery对象是一个类数组。
jquery对象与dom对象的区别:
18. jquery对象是一个类数组,可以包含多个选中的元素,而dom元素仅是一个对象,仅表
示一个选中的元素。
19. jquery对象有很多简便,快速的方法,用于对选中的对象进行操作。
20. jquery对象中每一个元素都是dom元素。
21.
jquery对象和dom对象互相转换:
22. 取出jquery对象中的任意一个元素,都是dom元素。可以使用数组下标的方式获取dom
元素,还可以使用get(idx)方法来获取。
23. $(dom元素),可以将一个dom元素转换成一个只包含一个元素的jquery对象。
常用action操作:
- length:获取jquery对象选中元素的个数。
1 .text():有参数则表示设置文本内容,无参数表示获取内容。 - css():有参数则表示设置样式,无参数则表示获取样式值。两个参数。
- addClass©:表示添加一个类名称。
- attr():有参数则表示设置一个属性,无参数则表示获取属性值,两个参数。
- html():有参数则表示设置html内容,无参数则表示获取内容。
- width()和height():有参数则表示设置尺寸,无参数则表示获取尺寸。返回值是数值。
jquery的两大特性: - 隐式迭代:在函数的内部进行了循环迭代,调用都感受不出。
- 链式操作:jquery对象的方法返回的仍然是jquery对象。
本文详细介绍了jQuery的基础使用,从选择器到事件处理、动画及常见操作方法,如文本修改、样式设置和DOM操作。深入探讨了jQuery的特性如隐式迭代和链式操作,以及它与DOM对象的区别和转换技巧。
2282

被折叠的 条评论
为什么被折叠?



