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的主要内容,如果未能解决你的问题,请参考以下文章

jQuery Chaining

jQuery - Chaining

jQuery - Chaining 链接技术

jQuery - 链(Chaining):把动作/方法链接在一起

jQuery - 链(Chaining)

利用jquery.chained.remote实现多级级联