jquery显示和隐藏一些段落

来源:互联网 发布:弯曲正应力电测数据 编辑:程序博客网 时间:2024/06/05 11:30

<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>

原创粉丝点击