Callback方法和JQuery链的解释
发布日期:2021-08-19 11:09:58 浏览次数:1 分类:技术文章

本文共 1499 字,大约阅读时间需要 4 分钟。

  这里讲到了一条语句运行多个JQuery方法(同一个元素)和动画100%完成后执行的callback方法。

  


Callback方法和链的解释


// Callback函数在当前动画100%完成后执行。
// 例子1:在隐藏效果完全实现后回调函数
// $(function(){
//
 $('button').click(function(){
//
 $('p').hide(1000,function(){
//
 alert('段落现在被隐藏了');
//
 })
//
 })
// })
// 例子2,没有回调函数,警告框会在隐藏效果完成前弹出
// $(function(){
//
 $('button').click(function(){
//
 $('p').hide(1000);
//
 alert('没有回调函数,警告框会在隐藏效果完成前弹出');
//
 })
// });
// 通过上面两个不同的案例:
// 可以得出callback回调的用法
// 令人奇怪的是同时hide(),含有回调函数的,隐藏过程相对慢一点
// 链(Chaining)准许我们在一条语句上运行多个JQuery方法(
// 在相同的元素上)
// 优点,浏览器就不必多次查找相同的元素,如需要链接一个动作,你只需要
// 简单的把该动作追加到之前的动作上。
// 我们把css(),slideUp(),slideDown()链接在一起。使元素首先变为红色,然后
// 向上滑动,再然后向下滑动
// $(function(){
//
 $('button').click(function(){
//
 $('p').css('color','red').slideUp().slideDown();
//
 })
// })
// 提示,当进行链接时,代码行会变得很差,不过,jquery
// 语法不是很严格。
$(function(){
$('button').click(function(){
$('p').css('color','red')
.hide(1000)
.show(1);
})
})
// 通过测试可只对于show()和hide()不能同时链接,如果放在一起需要
// 加上动画时间才能正确显示出来



菜鸟教程!

 

转载于:https://www.cnblogs.com/LoveMarvin/p/8379442.html

转载地址:https://blog.csdn.net/weixin_30924087/article/details/96969463 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:tp框架验证信息
下一篇:四月槐花十里香

发表评论

最新留言

初次前来,多多关照!
[***.172.111.71]2022年05月22日 10时05分23秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

最新文章