【学亮IT手记】jQuery callback方法实例

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js">
 6 </script>
 7 <script>
 8     $(document).ready(function(){
 9       $("button").click(function(){
10         $("p").hide("slow",function(){
11           alert("段落现在被隐藏了");
12         });
13       });
14     });
15 </script>
16 </head>
17 <body>
18 <button>隐藏</button>
19 <p>我们段落内容,点击“隐藏”按钮我就会消失</p>
20 </body>
21 </html>

对比没有callback的效果:

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js">
 6 </script>
 7 <script>
 8 $(document).ready(function(){
 9   $("button").click(function(){
10     $("p").hide(1000);
11     alert("现在段落被隐藏了");
12   });
13 });
14 </script>
15 </head>
16 <body>
17 <button>隐藏</button>
18 <p>这是一个段落,内容很少</p>
19 </body>
20 </html>

原文地址:https://www.cnblogs.com/niwotaxuexiba/p/9459381.html

时间: 2024-10-10 00:11:23

【学亮IT手记】jQuery callback方法实例的相关文章

【学亮IT手记】jQuery each()函数用法实例

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script> 6 <script type="text/javascript"> 7 $(functi

【学亮IT手记】jQuery text()/html()回调函数实例

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script> 6 <script type="text/javascript"> 7 $(functi

【学亮IT手记】Ajax跨域问题精讲--jQuery解决跨域操作

什么是跨域 跨域,它是不同的域名(服务器)之间的相互的资源之间的访问. 当协议,域名,端口号任意一个不同,它们就是不同的域. 正常情况下,因为浏览器安全的问题,不同域之间的资源是不可以访问的. 跨域的解决方案 什么情况下会用到跨域? 一般情况,是在自己的内部的工程中会出现跨域的情况. 有三种解决方案: 1.服务器跨域(代理方案) 2.jsonp,<script>标签的开发策略. 3.XHR2,HTML5提供,一般是在移动开发中使用. jQuery解决跨域操作 在jquery中可以使用$.aja

jQuery Callback 方法

Callback 函数在当前动画 100% 完成之后执行. jQuery 动画的问题 许多 jQuery 函数涉及动画.这些函数也许会将 speed 或 duration 作为可选参数. 例子:$("p").hide("slow") speed 或 duration 参数可以设置许多不同的值,比如 "slow", "fast", "normal" 或毫秒. 实例 以下实例在隐藏效果完全实现后回调函数: 使用

【学亮IT手记】Servlet的生命周期

1.1 Servlet的生命周期 1.1.1 Servlet的生命周期概述 1.1.1.1 什么是生命周期 生命周期:一个对象从创建到销毁过程. 1.1.1.2 Servlet的生命周期(*****) Servlet生命周期:Servlet对象从创建到销毁的过程. l Servlet何时被创建又是何时被销毁的? Servlet中有init,service,destroy方法,这几个方法称为是Servlet生命周期相关的方法. l Servlet是在第一次被访问的时候会被实例化,只要Servlet

【学亮IT手记】mysql创建/查看/切换数据库

--创建数据库 create database web_test1 CHARACTER set utf8; --切换数据库 use web_test1; --查看当前使用的数据库 select DATABASE(); 原文地址:https://www.cnblogs.com/niwotaxuexiba/p/10346618.html

jQuery slideToggler() 方法 -《狗嗨默示录》-

jQuery slideToggle() 方法  jQuery 效果方法 实例 在所有 <p> 元素上进行 slideUp() 和 slideDown() 之间的切换: $("button").click(function(){$("p").slideToggle();}); 尝试一下 ? 定义和用法 slideToggle() 方法在被选元素上进行 slideUp() 和 slideDown() 之间的切换. 该方法检查被选元素的可见状态.如果一个元素

jQuery hover() 方法 -《狗嗨默示录》-

jQuery hover() 方法 实例 当鼠标指针悬停在上面时,改变 <p> 元素的背景颜色: $("p").hover(function(){    $("p").css("background-color","yellow");},function(){    $("p").css("background-color","pink");}); 尝试一

jQuery.parseJSON()方法

jQuery.parseJSON()方法 jQuery 杂项方法 实例 解析一个 JSON 字符串 $(function () { var obj = jQuery.parseJSON('{"name":"John"}'); alert( obj.name === "John" ); }) 尝试一下 » 定义和用法 $.parseJSON() 函数用于将符合标准格式的的JSON字符串转为与之对应的JavaScript对象. 注意:传入格式有误的