JQuery HelloWorld

最新推荐文章于 2020-07-21 17:29:12 发布

niuhea

最新推荐文章于 2020-07-21 17:29:12 发布

阅读量1k

点赞数

分类专栏： JQuery 文章标签： jquery button function html java

本文链接：https://blog.youkuaiyun.com/niuhea/article/details/7595956

版权

JQuery 专栏收录该内容

14 篇文章

订阅专栏

本文通过一个简单的示例展示了如何使用jQuery来操作网页上的DOM元素，包括显示、隐藏及更改元素的内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Hello World jQuery!</title>
		<script type="text/javascript" src="JQuery/jquery-1.4.4.min.js"></script>
		<script type="text/javascript" src="js/jQuery-1.3-Doc.js"></script>
	</head>
	<body>
		<div id="divMsg">
			Hello World!
		</div>
		<input id="btnShow" type="button" value="显示" />
		<input id="btnHide" type="button" value="隐藏" />
		<br />
		<input id="btnChange" type="button" value="修改内容为 Hello World, too!" />
		<script type="text/javascript">
			
			$("#btnShow").bind("click", function(event) { $("#divMsg").show(); });
			$("#btnHide").bind("click", function(event) { $("#divMsg").hide(); });
			$("#btnChange").bind("click", function(event) { $("#divMsg").html("Hello World, too!"); });
		</script>
	</body>
</html>