📜  jQuery |回调函数

📅  最后修改于: 2021-11-25 03:16:16             🧑  作者: Mango

JavaScript 语句总是一行一行地执行。但是,由于 JQuery 效果需要一些时间才能完成,因此可能会在前面的效果仍在执行时执行以下代码行。这势必会产生错误和效果和动画的重叠。
为了防止这种情况发生,JQuery 为每个效果提供了一个回调函数。
一旦效果完成,就会执行Callback()函数。它始终写为方法的最后一个参数。

句法:

$(selector).effect_function(speed, callback);

方法:
我们不会使用回调函数并尝试编写切换div元素的代码。同时,我们将使用一个警报(Javascript 浏览器警报)来显示 callback() 对我们有何用处。

Example-1:我们定义一个div,并在div下面添加一个按钮。现在我们使用简单的 JQuery 代码使按钮允许 div 隐藏。



  

    Callback function
  
    
    
    

  

    

GeeksForGeeks

       

输出:

点击前:

点击后提示:

点击后:

示例 2:现在我们在slideToggle() 中添加回调函数
查看代码和区别:



  

    Callback function
  
    
    
    
    
    

  

    

GeeksForGeeks

       

输出:

点击前:

点击后提示:

点击后: