一個超簡單的jQuery回調(diào)函數(shù)例子(分享)
jQuery回調(diào)函數(shù)簡單使用
比如說,我們想要點擊某個按鈕后觸發(fā)事件,
先把一些指定內(nèi)容給隱藏掉,
然后跳出相關(guān)信息的對話框。
如果使用普通的方法,
不用回調(diào)函數(shù)的話,
會有怎么樣的效果呢?
效果是先彈出對話框再隱藏內(nèi)容,
然后再隱藏指定內(nèi)容。
這顯然不是我們想要的效果,
如果使用回調(diào)函數(shù),就可以解決這個問題。
當(dāng)然,回調(diào)函數(shù)功能遠(yuǎn)不只這么簡單……
具體的代碼如下:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'MyJsp.jsp' starting page</title>
<title>test</title>
<script type="text/javascript" src="js/jQuery/jquery-1.4.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#button1").click(function(){
$("p").hide("slow");
alert("不使用回調(diào),先彈出對話框再隱藏!");
})
$("#button2").click(function(){
$("p").hide("slow",function(){
alert("使用回調(diào)函數(shù),先隱藏再彈出對話框!");
});
})
})
</script>
</head>
<body>
<p>
I love you,java.
<br>
I love you,java.
<br>
I love you,java.
<br>
I love you,java.
<br>
I love you,java.
<br>
I love you,java.
<br>
I love you,java.
<br>
I love you,java.
<br>
I love you,java.
<br>
I love you,java.
<br>
I love you,java.
<br>
I love you,java.
<br>
I love you,java.
</p>
<input id="button1" type="button" value="沒使用回調(diào)函數(shù)!" />
<input id="button2" type="button" value="使用回調(diào)函數(shù)!" />
</body>
</html>
以上這篇一個超簡單的jQuery回調(diào)函數(shù)例子(分享) 就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
- jQuery回調(diào)函數(shù)的定義及用法實例
- jQuery 回調(diào)函數(shù)(callback)的使用和基礎(chǔ)
- 從零學(xué)jquery之如何使用回調(diào)函數(shù)
- jQuery AJAX回調(diào)函數(shù)this指向問題
- 淺談jquery回調(diào)函數(shù)callback的使用
- jQuery學(xué)習(xí)筆記之回調(diào)函數(shù)
- jQuery插件擴展實例【添加回調(diào)函數(shù)】
- jQuery實現(xiàn)ajax回調(diào)函數(shù)帶入?yún)?shù)的方法示例
- jQuery.Callbacks()回調(diào)函數(shù)隊列用法詳解
- jquery 回調(diào)操作實例分析【回調(diào)成功與回調(diào)失敗的情況】
相關(guān)文章
jquery mobile的觸控點擊事件會多次觸發(fā)問題的解決方法
這篇文章主要介紹了jquery mobile的觸控點擊事件會多次觸發(fā)問題的解決方法以及替代方法,需要的朋友可以參考下2014-05-05
jQuery bxCarousel實現(xiàn)圖片滾動切換效果示例代碼
BxCarousel可以指定顯示的元素總數(shù),可以指定每次滾動的元素個數(shù),自動播放模式,前一張/后一張按鈕控制圖片流動2013-05-05
利用jQuery操作對象數(shù)組的實現(xiàn)代碼
利用jQuery操作對象數(shù)組的實現(xiàn)代碼,需要的朋友可以參考下。2011-04-04

