jQuery回調函數簡單使用
比如說，我們想要點擊某個按鈕后觸發事件，
先把一些指定內容給隱藏掉，
然后跳出相關信息的對話框。
如果使用普通的方法，
不用回調函數的話，
會有怎么樣的效果呢？
效果是先彈出對話框再隱藏內容，
然后再隱藏指定內容。
這顯然不是我們想要的效果，
如果使用回調函數，就可以解決這個問題。
當然，回調函數功能遠不只這么簡單……
具體的代碼如下：
<%@ 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回調函數例子(分享) 就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持武林網。
新聞熱點
疑難解答
