jquery callback 隐藏 显示 一个奇怪的发现

最新推荐文章于 2023-11-17 06:18:28 发布
最新推荐文章于 2023-11-17 06:18:28 发布
阅读量779 收藏
点赞数
分类专栏： js jquery html 文章标签： callback jquery javascript callback hide show
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mingliangniwo/article/details/39340415
版权
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){

       $("p").hide(1000,change);(1)

       //$("p").hide(1000,change());(2)

  });
});


function change(){
   alert("kk");
}
</script>
</head>
<body>
<button type="button">隐藏</button>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
</body>

</html>

图中(1)处紫色代码是callback回调函数，回调函数在是隐藏或显示完成后所执行。

奇怪的地方出现了，如果把(1)替换成(2)，回调函数会在隐藏或显示执行前执行。

为什么会产生这样的效果呢

初露寒秋
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery Callback函数和链（chaining）
weixin_45846139的博客
05-25 139
callback 即回调函数，是一个通过函数指针调用的函数。如果你把函数的指针（地址）作为参数传递给另一个函数，当这个指针被用为调用它所指向的函数时，我们就说这是回调函数。回调函数不是由该函数的实现方直接调用，而是在特定的事件或条件发生时由另外的一方调用的，用于对该事件或条件进行响应。 callback在jQuery中经常被用在一些效果上（例如：淡入淡出的效果），用来防止因为动画还没有完成导致动画之后的语句产生错误或页面冲突。为了避免这种情况，我们可以以参数的形式来添加callback函数。 $("div"
4.jQuery.Callbacks大致意义讲解
official business
06-18 203
jQuery.Callbacks： 作用是对加载的回调函数进行统一管理。 需要前置的了解一些知识： core_rnotwhite = /\S+/g：正则，用来匹配任何非空白字符（空白字符，包括空格、制表符、换页符等等）。 var optionsCache = {}：一个空对象，用于存储缓存选项 createOptions： function createOptions(options) { var object = optionsCache[options] = {}; jQuery.eac
关于jquery中callback函数的使用
Kevinvcc200的博客
09-28 2490
今天在做一个网站开发的过程中遇到了一个小问题，解决之后，发现这应该是很多学习jquery的新手朋友们会遇到的问题，故在这里记录一下。 基本需求和实现要点：这是一个购物网站，在用户点击“收藏店铺”或者“收藏商品”之后，用ajax把数据传递给后台进行处理，后台返回一个值给html，再由html根据返回的值，在页面上用一个模态框显示信息，随后模态框淡出。 在这里，为了简化问题，我们暂时不谈后台的处理...
jQuery 回调函数(Callback)
GZXGYZ的博客
11-17 301
JavaScript语句逐行执行。但是，由于jQuery效果需要一些时间才能完成，因此下一个代码行可能会在前一个效果仍在运行时执行。为了防止这种情况的发生，jQuery为每个效果方法提供了一个回调函数。回调函数作为效果方法的参数传递，它们通常显示为方法的最后一个参数。alert("该段落现已隐藏");// 效果完成后要执行的代码。当前效果完成后，将执行回调函数。
jquery中$.Callback的解析认识
呐呐呐
08-28 1214
用法 观察者模式: 添加完后统一触发。 function aaa(){ alert(1); } function bbb(){ alert(2); } var cb= $.Callbacks(); cb.add(aaa); cb.add(bbb); cb.fire(); 好处，应用场景。 要统一的管理aaa和bbb。有时候如下，很难对不同作用域下的函数进行统一管理。 fu...
关于JQuery中使用callback回调函数遇到的小问题
weixin_43130844的博客
11-29 1443
作为一个前端，虽然JQuery写的不少，但是却很经常忘记很多语法上的要点，惭愧惭愧。这次就是有关JQuery中ajax的callback回调函数的问题。 很多时候我们会使用ajax获取数据，然后在success之后对数据进行操作，有时我们就需要用到回调函数。 我之前一直以为JQuery中ajax的回调函数可以直接传递函数名，然后就可以在ajax请求成功后直接使用这个函数。当我在项目中这样直接使用的...
jQuery 隐藏/显示效果函数用法实例分析
10-15
`show()`方法与`hide()`相反，它用于显示隐藏的元素。同样，`$(selector).show(speed,callback)`允许指定显示速度和回调函数。例如，`$("p").show()`会立即将所有段落显示出来，而`$("p").show(500)`则会在500毫秒...
jQuery控制元素隐藏和显示
12-03
一、jQuery隐藏和显示效果 jQuery提供了`hide()`和`show()`两个方法，用于隐藏和显示HTML元素。例如，我们可以通过绑定`click`事件来控制`<p>`标签的显示和隐藏： ```javascript $("#hide").click(function(){ $...
jQuery隐藏和显示效果实现
11-28
在网页开发中，jQuery 是一个广泛使用的 JavaScript 库，它极大地简化了 DOM 操作、事件处理和动画效果。本文将详细讲解如何使用 jQuery 实现隐藏和显示 HTML 元素的效果，以及相关的 `hide()`、`show()` 和 `toggle...
jQuery Callback 方法
12-14
jQuery Callback 方法 Callback 函数在当前动画 100% 完成之后执行。 jQuery 动画的问题 许多 jQuery 函数涉及动画。这些函数也许会将 speed 或 duration 作为可选参数。 例子：$(“p”).hide(“slow”) speed 或 ...
jquery隐藏标签和显示标签的实例
10-26
总结来说，这个实例展示了如何利用jQuery的`hide()`和`show()`方法，以及`click()`事件处理器，实现在用户点击按钮时，动态地隐藏和显示页面上的标签。通过调整参数，我们可以自定义动画效果，提升用户体验。在实际...
jQuery的callback函数
AnitaSun的博客
04-27 871
基本使用 ```js // 基本使用 function aaa(){ alert(1); } function bbb(){ alert(2); } var cb = $.Callbacks(); cb.add(aaa); cb.add(bbb); cb.fire(); //------------------------------- var cb = $.Callbacks(); function aaa(){ alert(1); } cd.add(aaa); (functi
Ajax的回调函数(callback)
热门推荐
wuye_lh的博客
08-03 8万+
Ajax中的回滚函数（利用PHP+JS实现） 很多和我一样的初学者，总是搞不懂什么是回滚函数。我经过了几天的学习将自己的理解记录在这里。 一、为什么使用回滚函数？ 首先我们应该明白我们为什么要用回滚函数？我们用它能够解决什么样的问题。下边看一个例子。 （1）在以上函数d中如果我们怎样拿到temp的值？ 我们应该知道在JS中或者很多语言中，我们每次用一个变量或者函数时，当执行时
JQuery方法带回调函数
CamilleZJ的博客
07-17 1万+
无参数： function no_params_test（callback） {    if (typeof callback === "function"){        callback();     //调用传入的回调函数    } } 有参数： function params_test（params， callback） {     if (typeof callback ===...
jquery中Callbacks对象的实现
charlene0824的博客
06-05 585
jquery中的Callbacks方法为工具对象，它是一个多用途的回调函数列表对象，提供了一种强大的方法来管理回调函数的队列。其实Callbacks的思想跟观察者模式的思想相似Callbacks的用法function aaa(m){ alert(m); } function bbb(n){ alert(n); } var cb = $.Callbacks();//实例化Callbac
jQuery学习，常用常记（隐藏，淡入淡出，滑动，动画，Callback，链）
Sinhaeng_Hhjian
04-11 219
隐藏、显示、切换，滑动，淡入淡出，以及动画，哇哦！ jQuery hide() 和 show() $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); }); $(selector).hide(speed,callback); $(...
jquery中的动画效果方法animate()及其回调函数的使用
干勾鱼的CSDN博客
10-21 2万+
转载请注明出处：http://blog.csdn.net/dongdong9223/article/details/52883286 本文出自【我是干勾鱼的博客】 有时候我们会使用一些动态效果，比如将div动态边长、缩短之类的，这需要使用jquery中的animate()方法，比如：<html> <head> <script type="text/javascript" src="/jquer
jQuery点击按钮实现收缩隐藏功能
一片天空
10-31 1312
一、实现的功能 点击title区域的按钮，收缩/隐藏相应的内容区域，并改变按钮中的文案。 二、实现方法 采用jQuery中的slideToggle() 方法 定义和用法 slideToggle() 方法通过使用滑动效果（高度变化）来切换元素的可见状态。 如果被选元素是可见的，则隐藏这些元素，如果被选元素是隐藏的，则显示这些元素。 语法 $(selector).slideTo...
jquery callback
最新发布
05-17
以下是一个简单的示例，演示了如何使用 jQuery 的回调函数来处理 AJAX 请求的结果： ``` $.ajax({ url: "example.com/data.json", success: function(data) { // 处理返回的数据 } }); ``` 在上面的代码中，...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值