chaining挂链jquery
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了chaining挂链jquery相关的知识,希望对你有一定的参考价值。
<!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.js"></script> <script> $(document).ready(function() { <!--收起--> $("#btn1").click(function(){ $("#p1").css("color","red").slideUp(2000); }); <!--展开--> $("#btn2").click(function(){ $("#p1").css("color","red").slideDown(2000); }); <!--有一种名为链接(chaining)的技术,允许我们在相同的元素上运行多条 jQuery 命令,一条接着另一条--> <!--收起,展开--> $("#btn3").click(function(){ $("#p1").css("color","red").slideUp(2000).slideDown(2000); }); }); </script> </head> <body>
<p id="p1" style="height:100px; background:#99cccc;">jQuery 乐趣十足!</p> <button id="btn1">点击这里up</button> <button id="btn2">点击这里down</button> <button id="btn3">点击这里up down</button> </body> </html>
以上是关于chaining挂链jquery的主要内容,如果未能解决你的问题,请参考以下文章