如果需要在同一个选取结果上使用多个jQuery方法,可以同时列出这些方法,并用.隔开,如下面的代码。
1
|
$(
"#one"
).hide().delay(500).fadeIn(1500);
|
在这条语句中,在同一选择结果的元素上执行了三个方法:
- hide() 隐藏元素
- delay() 创建暂停
- fadeIn() 淡入元素
这种在同一选取结果上处理多个方法的技术,叫链接式操作。
示例:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
<!DOCTYPE html>
<
html
>
<
head
>
<
meta
charset
=
"UTF-8"
>
<
title
>链接式操作</
title
>
</
head
>
<
body
>
<
p
id
=
"one"
style
=
"color:red"
>Hello world</
p
>
<
script
>
$("#one").click(function () {
$("#one").hide().delay(500).fadeIn(1500);
});
</
script
>
</
body
>
</
html
>
|