Callback方法和JQuery链的解释

最新推荐文章于 2021-07-14 12:59:09 发布
最新推荐文章于 2021-07-14 12:59:09 发布
阅读量54 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/LoveMarvin/p/8379442.html
版权

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

　　

<!DOCTYPE html>
<html>
<head>
    <title>Callback方法和链的解释</title>
    <script type="text/javascript" src="../jquery.min.js"></script>
    <script type="text/javascript">
        // 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()不能同时链接，如果放在一起需要
        // 加上动画时间才能正确显示出来
    </script>
</head>
<body>
    <!-- <button>隐藏</button>
    <p>隐藏效果完全实现后回调函数</p> -->
    <button>点我</button>
    <p>菜鸟教程！</p>
</body>
</html>

 

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

Mr.Gu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
动态加载jQuery的两种方法实例分析
12-11
function withjQuery(callback) { if(!(window.jQuery)) { var js = document.createElement('script'); js.setAttribute('src', 'https://dynamic.12306.cn/otsweb/js/common/jquery-1.4.2.min.js?version=5.47'...
回调（callback）
zjpp2580369的博客
10-12 3万+
1、什么是回调 软件模块之间总是存在一定的接口，从调用方式上，可以把他们分为三类:同步调用、回调和异步调用。 同步调用是一种阻塞式调用，调用方要等待对方执行完毕才返回，它是一种单向调用。 回调是一种双向调用模式，也就是说，被调用方在接口被调用时也会调用对方的接口。 异步调用是一种类似消息或事件的机制，不过它的调用方向刚好相反，接口的服务在收到某种讯息或发生某种事件时，会主动通知客户方(即调用客户方...
Java回调方法(CallBack)
热门推荐
Amosstan的博客
03-18 23万+
一、前言 在进行应用开发时，不同模块之间存在着相互调用的关系。调用的方式分为以下几种： 同步调用 fun(a)调用fun(b)，fun(a)等待fun(b)执行完后再进行下一步。 同步调用会引起代码的阻塞。 异步调用 fun(a)调用fun(b), fun(a)不等待fun(b)执行完便进行下一步。 常见的有Thread、Task等。 回调 回调的机制是： a) 类A的a()方法调用类B的b()方法 b) 类B的b()方法执行完毕主动调用类A的callback()方法 二、例子简介 实现一个
callback （回调）函数讲解
InterestAndFun的博客
07-14 1万+
回调函数 1. 前置知识 在讲什么是回调函数之前，我们要对JavaScript的函数前置知识进行补充： js的函数，可以是一种数据类型，又可以充当一个参数，甚至充当返回值 2. 什么是回调函数？ 通俗来说就是可以将一个函数当作另一个函数的形参来传递。格式如下： function A (形参1, 形参2, 函数B) { do something; } 上面这是声明时的写法，你一定很好奇，那“函数B” 你说它是个函数，它什么方法都没有啊？ 其实你可以先声明一个function 函数B ()这样子的，又
callback回调函数的理解与使用
qq_44309181的博客
04-12 834
回调函数的理解： 场景：经理出差前安排员工去做某件事，而经理不可能一直等着员工做完这件事再出差，所以，经理告诉员工：当你做完这件事之后，打电话告知我一下。事情完成了之后的打电话的操作就可以理解为执行回调函数，告知经理事情完成了。 在程序中就是：A类调用B类中的X方法，然后B类在X方法中调用A类的Y方法，形成了回调 package com.zc.cloud.callbackdemo; import...
Callback函数详解
blueblood_jing的专栏
09-07 2958
http://shiwawa.blog.hexun.com/9925417_d.html 一，回调函数我们经常在C++设计时通过使用回调函数可以使有些应用（如定时器事件回调处理、用回调函数记录某操作进度等）变得非常方便和符合逻辑，那么它的内在机制如何呢，怎么定义呢?它和其它函数（比如钩子函数）有何不同呢？使用回调函数实际上就是在调用某个函数（通常是API函数）时，将自己的一个函数（
jquery get id val from callback
03-29
NULL 博文链接：https://jeemygrow.iteye.com/blog/1271174
Jquery跨域获得Json的简单实例
11-26
一般跨域用到的两个方法为：$.ajax 和$.getJSON 最后，仔细安静下来，细读 json 官方文档后发现这么一段： JSON数据是一种能很方便通过JavaScript解析的结构化数据。如果获取的数据文件存放在远程服务器上（域名不同...
jQuery链式操作如何实现以及为什么要用链式操作
12-12
两个问题 1.jQuery的链式操作是如何实现的？ 2.为什么要用链式操作？ 大家认为这两个问题哪个好回答一点呢？ 链式操作 原理相信百度一下一大把，实际上链式操作仅仅是通过对象上的方法最后 return this 把对象再返回...
jquery插件使用方法大全
05-24
许多较少使用的方法被合并，减少了需要掌握和解释的方法数量。 jQuery 1.1.3（2007年7月）：这次小版本变化包含了对jQuery选择符引擎执行速度的显著提升。从这个版本开始，jQuery的性能达到了Prototype、Mootools...
JS中回调函数(callback)理解
UnderIcon的博客
07-24 5万+
前言 今天有个刚入行的小兄弟问到了回调函数，讲解了一番以后觉得不能白讲，得把这些东西记下来，虽然很基础。。。 介绍 首先从英文介绍开始 A callback is a function that is passed as an argument to another function and is executed after its parent function has complet...
web前端之回调函数（callback）
CSDN凉宸
03-02 5692
回调函数（callback） 回调是作为参数传递给另一个函数并在其父函数完成后执行的函数 回调函数是一组在训练的特定阶段被调用的函数集，你可以使用回调函数来观察训练过程中网络内部的状态和统计信息。通过传递回调函数列表到模型中，即可在给定的训练阶段调用该函数集中的函数 <script> function doSomething(msg, callback) { alert(msg); if (typeof callback == "function")
JAVA回调函数简单讲解 CallBack
默默不代表沉默
02-12 4744
回调，其实就是有个回应的那种感觉。 那么，接下来，我们就用消息推送的场景，简简单单地讲解下回调函数的使用。 直接看代码， 先创建一个回调接口， MessageCallBack /** * @Author : JCccc * @CreateTime : 2019-2-12 * @Description :回调函数需要执行的内容 * @Point: Keep a good mood...
dubbo的url里面带的callback是怎么用的？
weixin_30307921的博客
01-06 722
在url里面指定某个参数方法的第几个参数是一个callback，也就是说这个实参是一个callback，虽然消费者把这个callback实例传给了提供者，但是提供者实际本地没有这个callback实例，提供者只能继续远程调用消费者这个callback拿到结果。 比如消费者和提供者都在url里面指定xxx.0.callback=true，表示xxx这个method的第0个参数是一个call...
回调函数
taizitj的专栏
03-04 1885
刚在学习回调函数，从c和java都看了一遍，c的回调可以用信号调用来理解，比较容易，当理解java的时候就比较晦涩，最后在知乎上找了一个非常形象的例子来理解回调函数，记录一下。另外感谢知乎中的桥头堡用户。 编程分为两类：系统编程（system programming）和应用编程（application programming）。所谓系统编程，简单来说，就是编写库；而应用编程就是利用写好的各种库来
jQuery Callback 方法
weixin_30412577的博客
06-02 129
Callback 函数在当前动画 100% 完成之后执行。 jQuery 动画的问题 许多 jQuery 函数涉及动画。这些函数也许会将speed或duration作为可选参数。 例子：$("p").hide("slow") speed或duration参数可以设置许多不同的值，比如 "slow", "fast", "normal" 或毫秒。 实例 以下实例在隐藏效果...
callback回调（简单易懂）
我有明珠一颗的博客
08-17 9458
callback回调：http://blog.sina.com.cn/s/blog_5996fcbd0100vn2n.html#commonComment 说得很清楚，然后小白的我就懂了
jQuery load 解释
最新发布
03-30
jQuery load() 是一个 AJAX 方法，用于从服务器加载数据，并将返回的数据放入指定的元素中。语法是： ``` $(selector).load(URL,data,callback); ``` 其中，selector 是要加载数据的 HTML 元素的选择器，URL 是要加载数据的 URL 地址，data 是可选参数，用于向服务器发送请求时附加的数据，callback 是可选的回调函数，用于在数据加载完成后执行的操作。 load() 方法可以加载各种类型的数据，包括 HTML、XML、JSON、Script 等。它还可以使用选择器过滤返回的内容，以及在返回的内容中查找特定元素。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值