本文介绍了一种利用jQuery简化网页元素显示与隐藏的方法。通过简单的按钮点击事件，即可实现对段落内容的动态控制，适用于初学者了解jQuery的基础用法。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="jquery-1.9.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#hide").click(function () {
$("p").hide();
});
});
$(document).ready(function () {
$("#show").click(function () {
$("p").show();
});
});
</script>
</head>
<body>
<h2>这是标题</h2>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<input id="show" type="button" value="显示" />
<input id="hide" type="button" value="隐藏" />
</body>
</html>
扫一扫
367
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
