如果需要在同一个选取结果上使用多个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 > < script src = "" ></ script > </ head > < body > < p id = "one" style = "color:red" >Hello world</ p > < script > $("#one").click(function () { $("#one").hide().delay(500).fadeIn(1500); }); </ script > </ body > </ html > |