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
2、點擊 隱藏/顯示 元素（2）
<!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">
$(document).ready(function() {
$('#id-button-showhide').click(function() {
$('h3').toggle();
});
});
</script>
</head>
<body>
<button type="button" id="id-button-showhide">顯示/隱藏</button>
<hr />
<h3>這里是要操作的內容。</h3>
</body>
</html>
視圖：
