一个简单的jQuery回调函数例子

最新推荐文章于 2024-08-08 00:15:00 发布

Java高知社区

最新推荐文章于 2024-08-08 00:15:00 发布

阅读量5.8w

点赞数 8

分类专栏： jQuery 回调函数文章标签： jquery button function string path

本文链接：https://blog.csdn.net/tjcyjd/article/details/6741882

版权

jQuery 同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

回调函数

1 篇文章 0 订阅

订阅专栏

欢迎扫码加入Java高知群交流

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>

欢迎扫码加入Java高知群交流