一個超簡單的jQuery回調函數例子(分享)
更新時間:2016年08月08日 10:01:09 投稿:jingxian
下面小編就為大家?guī)硪黄粋€超簡單的jQuery回調函數例子(分享) 。小編覺得挺不錯的,現在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
jQuery回調函數簡單使用
比如說,我們想要點擊某個按鈕后觸發(fā)事件,
先把一些指定內容給隱藏掉,
然后跳出相關信息的對話框。
如果使用普通的方法,
不用回調函數的話,
會有怎么樣的效果呢?
效果是先彈出對話框再隱藏內容,
然后再隱藏指定內容。
這顯然不是我們想要的效果,
如果使用回調函數,就可以解決這個問題。
當然,回調函數功能遠不只這么簡單……
具體的代碼如下:
<%@ 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("不使用回調,先彈出對話框再隱藏!"); }) $("#button2").click(function(){ $("p").hide("slow",function(){ alert("使用回調函數,先隱藏再彈出對話框!"); }); }) }) </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="沒使用回調函數!" /> <input id="button2" type="button" value="使用回調函數!" /> </body> </html>
以上這篇一個超簡單的jQuery回調函數例子(分享) 就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
jquery mobile的觸控點擊事件會多次觸發(fā)問題的解決方法
這篇文章主要介紹了jquery mobile的觸控點擊事件會多次觸發(fā)問題的解決方法以及替代方法,需要的朋友可以參考下2014-05-05jQuery bxCarousel實現圖片滾動切換效果示例代碼
BxCarousel可以指定顯示的元素總數,可以指定每次滾動的元素個數,自動播放模式,前一張/后一張按鈕控制圖片流動2013-05-05