码迷,mamicode.com
首页 > Web开发 > 详细

jQuery实用Demo

时间:2016-11-17 10:17:12      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:meta   char   mos   html   引用   href   文件   div   com   

1、点击 隐藏/显示 元素

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/demos.css" />
		<script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			/*文档结构加载完成后,给2个按钮添加单击事件处理函数。*/
			$(document).ready(function() {

				$(‘#id-button-show‘).click(function() {
					$(‘h3‘).show();
				});
				$(‘#id-button-hide‘).click(function() {
					$(‘h3‘).hide();
				})

			});
		</script>
	</head>

	<body>
		<button type="button" id="id-button-show">显示</button>
		<button type="button" id="id-button-hide">隐藏</button>
		<hr />
		<h3>这里是要操作的内容。</h3>
	</body>

</html>

视图:

技术分享

引用文件:

http://files.cnblogs.com/files/wanghaibin/demos.css 
http://files.cnblogs.com/files/wanghaibin/jquery-1.9.1.js 

 

jQuery实用Demo

标签:meta   char   mos   html   引用   href   文件   div   com   

原文地址:http://www.cnblogs.com/wanghaibin/p/6072536.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!