赤峰公众号代运营公司

赤峰公众号代运营公司

1. 被立即停止的动画不会触发回调，被立即完成的动画会触发回调。

   $(document).ready(function(){    
     $("button").click(function(){
       $("p").hide(3000,function(){
         alert("段落现在被隐藏了");
       });
     });
     $("#happy").click(function(){
         $("p").stop(false,true);
     });});

   尝试一下 »

   Approid

      Approid

     lv4***@126.com

   4年前 (2018-11-16)

2.    巴贝

     BB_***455585@163.com

   70

   如果动画有队列的话，想实现其快速完成所有动画并停止，就要相应的与队列数对应条数的停止语句（鄙人陋见，仅供参考）。

   $(document).ready(function(){
     $("#start").click(function(){
       $("div").animate({left:'300px'},5000);
       $("div").animate({fontSize:'3em'},5000);
     });
   
     $("#stop1").click(function(){
       $("div").stop();
     });
   
     $("#stop2").click(function(){
       $("div").stop(true);
     });
   
     $("#stop3").click(function(){
       $("div").stop(false,true);
       $("div").stop(false,true);
     });});

   巴贝

      巴贝

     BB_***455585@163.com

   4年前 (2019-01-17)

3.    MCCF

     353***4841@qq.com

   14

   jQuery Callback 只接受 Function，否则不会执行回调。

   如以下三种方式都传入一个 Function，在动画结束后执行：

   $("p").hide("slow",function(){
       alert("Now it's invisible");});var func=function(){
     alert("Now it's invisible");}$("p").hide("slow",func);function func(){
     alert("Now it's invisible");}$("p").hide("slow",func);

   但要注意，使用函数名可获取一个 Function 函数对象，但是 func() 这样的形式会执行函数并返回值。比如使用以下方式：

   $("p").hide("slow",func());

   可以看到，解释器为了确定第二个参数值，会在调用 hide 函数时就执行 func 函数，因此其看来是在动画开始前执行。

   因此需要记住：JavaScript 中不带括号的函数名是传入一个可供调用的函数，带括号会执行该函数并返回其返回值。

jQuery - 链(Chaining)

通过 jQuery，可以把动作/方法链接在一起。

Chaining 允许我们在一条语句中运行多个 jQuery 方法（在相同的元素上）。

jQuery 方法链接

直到现在，我们都是一次写一条 jQuery 语句（一条接着另一条）。

不过，有一种名为链接（chaining）的技术，允许我们在相同的元素上运行多条 jQuery 命令，一条接着另一条。

提示： 这样的话，浏览器就不必多次查找相同的元素。

如需链接一个动作，您只需简单地把该动作追加到之前的动作上。

下面的例子把 css()、slideUp() 和 slideDown() 链接在一起。"p1" 元素首先会变为红色，然后向上滑动，再然后向下滑动：

实例

$("#p1").css("color","red").slideUp(2000).slideDown(2000);

尝试一下 »

如果需要，我们也可以添加多个方法调用。

提示：当进行链接时，代码行会变得很长。不过，jQuery 语法不是很严格；您可以按照希望的格式来写，包含换行和缩进。

如下书写也可以很好地运行：

实例

$("#p1").css("color","red")

  .slideUp(2000)

  .slideDown(2000);

尝试一下 »

jQuery 会抛掉多余的空格，并当成一行长代码来执行上面的代码行。

赤峰公众号代运营公司