一個(gè)超簡(jiǎn)單的jQuery回調(diào)函數(shù)例子(分享)
jQuery回調(diào)函數(shù)簡(jiǎn)單使用
比如說(shuō),我們想要點(diǎn)擊某個(gè)按鈕后觸發(fā)事件,
先把一些指定內(nèi)容給隱藏掉,
然后跳出相關(guān)信息的對(duì)話框。
如果使用普通的方法,
不用回調(diào)函數(shù)的話,
會(huì)有怎么樣的效果呢?
效果是先彈出對(duì)話框再隱藏內(nèi)容,
然后再隱藏指定內(nèi)容。
這顯然不是我們想要的效果,
如果使用回調(diào)函數(shù),就可以解決這個(gè)問(wèn)題。
當(dāng)然,回調(diào)函數(shù)功能遠(yuǎn)不只這么簡(jiǎ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),先彈出對(duì)話框再隱藏!"); }) $("#button2").click(function(){ $("p").hide("slow",function(){ alert("使用回調(diào)函數(shù),先隱藏再?gòu)棾鰧?duì)話框!"); }); }) }) </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="沒(méi)使用回調(diào)函數(shù)!" /> <input id="button2" type="button" value="使用回調(diào)函數(shù)!" /> </body> </html>
以上這篇一個(gè)超簡(jiǎn)單的jQuery回調(diào)函數(shù)例子(分享) 就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- jQuery回調(diào)函數(shù)的定義及用法實(shí)例
- jQuery 回調(diào)函數(shù)(callback)的使用和基礎(chǔ)
- 從零學(xué)jquery之如何使用回調(diào)函數(shù)
- jQuery AJAX回調(diào)函數(shù)this指向問(wèn)題
- 淺談jquery回調(diào)函數(shù)callback的使用
- jQuery學(xué)習(xí)筆記之回調(diào)函數(shù)
- jQuery插件擴(kuò)展實(shí)例【添加回調(diào)函數(shù)】
- jQuery實(shí)現(xiàn)ajax回調(diào)函數(shù)帶入?yún)?shù)的方法示例
- jQuery.Callbacks()回調(diào)函數(shù)隊(duì)列用法詳解
- jquery 回調(diào)操作實(shí)例分析【回調(diào)成功與回調(diào)失敗的情況】
相關(guān)文章
jQuery中DOM樹(shù)操作之使用反向插入方法實(shí)例分析
這篇文章主要介紹了jQuery中DOM樹(shù)操作之使用反向插入方法,實(shí)例分析了反向插入方法與插入方法回調(diào)的使用技巧,需要的朋友可以參考下2015-01-01jquery mobile的觸控點(diǎn)擊事件會(huì)多次觸發(fā)問(wèn)題的解決方法
這篇文章主要介紹了jquery mobile的觸控點(diǎn)擊事件會(huì)多次觸發(fā)問(wèn)題的解決方法以及替代方法,需要的朋友可以參考下2014-05-05jQuery bxCarousel實(shí)現(xiàn)圖片滾動(dòng)切換效果示例代碼
BxCarousel可以指定顯示的元素總數(shù),可以指定每次滾動(dòng)的元素個(gè)數(shù),自動(dòng)播放模式,前一張/后一張按鈕控制圖片流動(dòng)2013-05-05基于jquery的點(diǎn)擊鏈接插入鏈接內(nèi)容的代碼
基于jquery的點(diǎn)擊鏈接插入鏈接內(nèi)容的代碼,感覺(jué)有bug,解決的朋友可以留言方便更多的朋友2012-07-07jquery多級(jí)樹(shù)形下拉菜單的實(shí)例代碼
這篇文章主要介紹了jquery多級(jí)樹(shù)形下拉菜單的實(shí)例代碼,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下2019-07-07利用jQuery操作對(duì)象數(shù)組的實(shí)現(xiàn)代碼
利用jQuery操作對(duì)象數(shù)組的實(shí)現(xiàn)代碼,需要的朋友可以參考下。2011-04-04