jQuery - Chaining 链接技术
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jQuery - Chaining 链接技术相关的知识，希望对你有一定的参考价值。
Chaining 允许在一条语句中允许多个 jQuery 方法（在相同的元素上）。
jQuery 方法链接
直到现在，都是一次写一条 jQuery 语句（一条接着另一条）。
不过，有一种名为链接（chaining）的技术，允许在相同的元素上运行多条 jQuery 命令，一条接着另一条。
例子 1
下面的例子把 css(), slideUp(), and slideDown() 链接在一起。"p1" 元素首先会变为红色，然后向上滑动，然后向下滑动：
1 $("#p1").css("color","red").slideUp(2000).slideDown(2000);
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <script src="jquery-2.2.0.min.js"></script> 5 <script> 6 $(document).ready(function(){ 7 $("button").click(function(){ 8 $("#p1").css("color","red").slideUp(2000).slideDown(2000); 9 }) 10 }) 11 </script> 12 </head> 13 14 <body> 15 16 <p id="p1">jQuery 乐趣十足！</p> 17 <button>点击这里</button> 18 19 </body> 20 </html>
以上是关于jQuery - Chaining 链接技术的主要内容，如果未能解决你的问题，请参考以下文章
jQuery - 链(Chaining)：把动作/方法链接在一起
jQueryjQuery 效果toggle()fadeToggle()fadeTo() slideToggle() animate()驼峰表示动画队列链(Chaining)