jQuery回调函数的定义及用法实例

日期:2019-09-07编辑作者:关于计算机

正文实例陈述了jQuery回调函数的概念及用法。分享给大家供我们仿效。具体剖析如下:

jQuery回调函数的概念及用法实例,jquery回调函数实例

本文实例汇报了jQuery回调函数的概念及用法。分享给大家供大家参照他事他说加以考察。具体分析如下:

jQuery代码中对回调函数有着广大的采纳,对其有精准的知道是充足有须求的,下边就通超过实际例对此办法开展简短的牵线。

代码实举例下:

利用回调函数,当div全体东躲新疆之后弹出多个提醒框。

复制代码 代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="" />
<title>帮客之家</title>
<style type="text/css">
div{
  height:150px;
  width:150px;
  background-color:green;
  margin-top:10px;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("div").slideUp(三千,function(){alert("隐蔽实现")});
  })
})
</script>
</head>
<body>
<div></div>
<button>点击查阅效果</button>
</body>
</html>

地点的代码运维特别精良,很整齐划一。在无数实际上选取中一再愿意让代码完结某些动作今后再去做另三个动作。
代码貌似应实行的效果应该和方面代码是一模二样的,可是运维结果且毫无大家所预期,而是先弹出提醒框,然后再遮盖div成分。那并非说slideUp()未有起来试行。

复制代码 代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="" />
<title>帮客之家</title>
<style type="text/css">
div{
  height:150px;
  width:150px;
  background-color:green;
  margin-top:10px;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("div").slideUp(2000);
    alert("掩饰达成");
  })
})
</script>
</head>
<body>
<div></div>
<button>点击查看效果</button>
</body>
</html>

下边轻巧通俗的总括一下如何是回调函数。看下边这段代码:

复制代码 代码如下:

function a(){alert("我是三个函数")}
a();

上述是最常用的调用函数的措施,用函数的落到实处直接调用,而回调函数却不是那样的,它是将团结的地址作为参数字传送递给另贰个函数,当发生一定的事件的时候就能动用作为参数字传送递过来的回调函数地址来调用回调函数。就拿地点使用回调函数的百般代码来讲,它是把function函数的地方作为参数字传送递给slideUp()方法,当slideUp()动作一鼓作气以后,就能够因而传过来的地点参数调用function函数。

企望本文所述对大家的jquery程序设计有所援助。

本文实例陈述了jQuery回调函数的定义及用法。共享给大家供我们参照他事他说加以考察。具体深入分析如下:...

jQuery代码中对回调函数有着广阔的运用,对其有精准的精晓是不行有要求的,上边就因而实例对此格局开展轻便的介绍。

代码实比如下:

运用回调函数,当div全体隐身之后弹出三个提示框。

复制代码 代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="//www.jb51.net/" />
<title>脚本之家</title>
<style type="text/css">
div{
  height:150px;
  width:150px;
  background-color:green;
  margin-top:10px;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("div").slideUp(三千,function(){alert("隐蔽完结")});
  })
})
</script>
</head>
<body>
<div></div>
<button>点击查看效果</button>
</body>
</html>

上边的代码运营极其卓越,很鱼贯而入。在重重实在应用中往往愿意让代码完结某些动作往后再去做另一个动作。
代码貌似应实施的效果与利益应该和地方代码是一模一样的,不过运营结果且不要大家所预期,而是先弹出提醒框,然后再掩饰div成分。那并非说slideUp()未有从头实施。

复制代码 代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="//www.jb51.net/" />
<title>脚本之家</title>
<style type="text/css">
div{
  height:150px;
  width:150px;
  background-color:green;
  margin-top:10px;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("div").slideUp(2000);
    alert("遮掩达成");
  })
})
</script>
</head>
<body>
<div></div>
<button>点击查看效果</button>
</body>
</html>

下面轻易通俗的下结论一下怎么是回调函数。看下边这段代码:

复制代码 代码如下:

function a(){alert("作者是贰个函数")}
a();

以上是最常用的调用函数的办法,用函数的兑现直接调用,而回调函数却不是如此的,它是将协和的地方作为参数字传送递给另二个函数,当发生一定的风云的时候就能利用作为参数字传送递过来的回调函数地址来调用回调函数。就拿地点运用回调函数的不胜代码来讲,它是把function函数的地方作为参数字传送递给slideUp()方法,当slideUp()动作完结之后,就能够透过传过来的地址参数调用function函数。

瞩望本文所述对大家的jquery程序设计具备帮助。

您或者感兴趣的小说:

  • 运用jQuery中的when完结五个AJAX央求对应单个回调的事例分享
  • 从零学jquery之如何使用回调函数
  • jQuery AJAX回调函数this指向难点
  • jQuery Ajax Post 回调函数不进行难题的减轻办法
  • jQuery的load()方法及其回调函数用法实例
  • 浅谈jquery回调函数callback的利用
  • jquery种类化表单以及回调函数的施用示例
  • jquery Deferred 急迅消除异步回调的主题素材
  • jQuery插件扩大实例【加多回调函数】
  • jQuery回调方法运用示例

本文由今晚最快开奖现场直播发布于关于计算机,转载请注明出处:jQuery回调函数的定义及用法实例

关键词:

调用JavaScript对象的办法集锦

明天在做项目时,境遇了亟待创设JavaScript对象的情况。所以Bing了一篇老外写的关于3种创建JavaScript对象的稿子,看后...

详细>>

jQuery基础语法实例入门

正文实例叙述了jQuery基础语法。共享给大家供大家仿效。具体剖析如下: jQuery基础语法实例入门,jquery语法实例 本文...

详细>>

Shell对象执行

WScript.Shell(Windows Script Host RuntimeLibrary)是三个对象,对应的文书是C:/WINDOWS/system32/wshom.ocx,Wscript.shell是服务器系统会...

详细>>

办法用法实例

正文实例叙述了jQuery中fadeOut()方法用法。分享给我们供大家参照他事他说加以考察。具体分析如下: jQuery中fadeOut()方...

详细>>