`

JQ Callback 回调函数

阅读更多

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

 

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
</head>
<body>
<button>隐藏</button>
<p>我们段落内容,点击“隐藏”按钮我就会消失</p>
<script src="jquery-1.10.1.min.js" ></script>
<script>
//以下实例在隐藏效果完全实现后回调函数:
$(function(){
	$("button").click(function(){
		$("p").hide("slow",function(){
			alert("段落现在被隐藏了");
		});
	});
});
</script>
</body>
</html>

 效果图:

 

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
</head>
<body>
<button>隐藏</button>
<p>这是一个段落,内容很少</p>  
<script src="jquery-1.10.1.min.js" ></script>
<script>
//以下实例没有回调函数,警告框会在隐藏效果完成前弹出:
$(function(){
	$("button").click(function(){
		$("p").hide("1000");
		alert("段落现在被隐藏了");
	});
});
</script>
</body>
</html>

 效果图:

 

 

 

 

 

 

 

  • 大小: 16.9 KB
  • 大小: 17.4 KB
分享到:
评论

相关推荐

    浅谈jquery回调函数callback的使用

    回调函数在JavaScript和jQuery中扮演着重要的角色,特别是在处理异步操作和动画效果时。回调函数是一种编程技术,用于在某个任务完成之后执行特定的代码块。在jQuery中,回调函数常常与事件处理、动画效果和Ajax请求...

    layui 弹出层回调获取弹出层数据的例子

    关键代码在于 `yes` 回调函数内部,通过 `window["layui-layer-iframe" + index].callbackdata()` 获取弹出层返回的数据。这里的 `callbackdata` 是弹出层内部定义的一个函数,它负责返回我们需要的数据。例如: ``...

    jQ解析ip接口

    `success`回调函数将在数据成功获取并处理后执行,显示IP信息。 值得注意的是,JSONP只适用于GET请求,因为它依赖于`&lt;script&gt;`标签,而`&lt;script&gt;`标签不支持POST等其他HTTP方法。同时,由于服务器需要按照客户端...

    利用JQuery jsonp实现Ajax跨域请求json数据

    通过在客户端设置`dataType: 'jsonp'`和`jsonp: 'callback'`,然后在服务器端根据请求的回调函数参数构建响应,我们可以实现Ajax跨域获取JSON数据。无论是在.Net的`.handler`还是WebService中,这一过程都是相似的,...

    JQuery跨域访问解决方案

    URL中通常会包含一个回调函数名(如`callback`),这个函数名由jQuery自动生成,保证唯一性。 2. **定义回调函数**:在创建`&lt;script&gt;`标签之前,jQuery会在全局作用域中定义一个与URL中指定的回调函数名相匹配的...

    Jquery跨域Json请求处理

    jsonpCallback: "handleResponse" // 自定义回调函数名 }); ``` 服务器端接收到请求后,会根据提供的回调函数名返回类似以下的数据: ```javascript handleResponse({"userid":0,"username":"null"}); ``` 这样...

    JQ插件第五十二:自定义上传HTML控件

    `callback`函数是文件上传成功后的回调函数,它的主要任务是处理服务器返回的信息,特别是图片在服务端的路径。当文件上传到服务器并被正确处理后,`callback`会被调用,通常会用来更新UI,将服务端返回的图片路径...

    JQuery 获取json数据$.getJSON方法的实例代码

    其基本的使用方式是$.getJSON(url, [data], [callback]),其中url是请求的地址,data是需要发送到服务器的数据(通常是一个对象),callback是请求成功时执行的回调函数,该函数的参数是一个包含数据的对象。...

    ajax的js,jq jsonp,的请求方式

    由于同源策略的限制,Ajax通常无法跨域请求,但JSONP通过动态创建`&lt;script&gt;`标签并指定一个回调函数来解决这个问题。服务器返回的响应是一个JavaScript函数调用,带有JSON格式的数据作为参数。例如: ```javascript...

    ASPNET_JSONP_demo(jq跨域)

    设置 `dataType` 为 `'jsonp'`,并指定回调函数名(`jsonpCallback` 或 `callback`): ```javascript $.ajax({ url: 'http://yourserver.com/JsonpHandler.ashx', dataType: 'jsonp', jsonpCallback: '...

    jQ鼠标滑过显示二级下拉菜单代码.zip

    2. `$(selector).show(speed, callback)`:使元素可见,speed参数指定动画速度,callback是动画完成后的回调函数。 3. `$(selector).hide(speed, callback)`:使元素不可见,同样支持动画速度和回调函数。 4. `$...

    jq DIV 放大到容器大小

    8. **回调函数**:在动画完成后,可以提供一个回调函数,执行动画结束时需要进行的操作,如调整其他元素的位置。 下面是一个简单的示例代码,演示如何使用jQuery实现一个DIV放大到其容器大小的效果: ```...

    前端项目-jquery-tiny-pubsub.zip

    `callback`是当事件被触发时执行的回调函数,`eventName`是你要订阅的事件名。一旦事件被发布,所有订阅了该事件的回调函数都会被执行。 3. **取消订阅(Unsubscribe)**:如果不再需要接收某个事件的通知,可以...

    jQuery使用$.get()方法从服务器文件载入数据实例

    第二个是一个回调函数,该函数会在请求成功返回数据时被执行,而回调函数中的data参数就是服务器返回的数据内容。 具体到$.get()方法的参数,除了必须的URL和回调函数之外,还可以传入一个额外的数据对象,用于发送...

    jqpagination一个jq分页插件jsonp跨域比较真实的演示了分页的流程

    `会自动替换为一个回调函数名,服务器返回的数据需要包裹在这个函数名中,以确保JavaScript能够正确解析和执行。 **自定义样式和参数** `jqPagination` 提供了多种可配置参数,例如: - `max_button_count`: 控制...

    Jquery跨域获得Json的简单实例

    这个`callback`就是回调函数的占位符,服务器返回的JSON数据会被包裹在这个回调函数内部,使得JavaScript可以执行这个包含JSON数据的函数。 例如,jQuery生成的请求可能类似于: ```javascript ...

    jquery全程实例

    - 回调函数通常接收三个参数:`data`(服务器返回的数据)、`textStatus`(请求的状态,如'success'或'error')和`jqXHR`对象(jQuery包装的XMLHttpRequest对象)。 5. **jQuery.ajax()方法**: - 当需要更精细...

    jq 之 load应用@闪光网@源码

    - `callback`(可选):一个回调函数,当请求完成并且成功时被调用。 在实际应用中,`load()`方法常用于实现异步加载内容,比如分页加载、懒加载图片或者动态加载评论等。例如,如果我们有一个ID为`#content`的div...

Global site tag (gtag.js) - Google Analytics