如果需要在同一个选取结果上使用多个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 > |