苏飞论坛

标题: 【前端丨学习笔记】js实现点击显示和隐藏效果 [打印本页]

作者: Amy    时间: 2019-1-4 10:53
标题: 【前端丨学习笔记】js实现点击显示和隐藏效果
【前端丨习笔记】js实现点击显示和隐藏效果

【零基础学习web前端】教程目录导航
http://www.sufeinet.com/thread-24027-1-1.html

[HTML] 纯文本查看 复制代码
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="jquery.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $("#hide").click(function(){
                $("p").hide();
            });
            $("#show").click(function(){
                $("p").show();
            });
        });
    </script>
</head>
<body>
<p id="p1">如果点击“隐藏”按钮,就会消失,点击“显示”就会出现。</p>
<button id="hide" type="button">隐藏</button>
<button id="show" type="button">显示</button>
</body>
</html>

效果如图:
(, 下载次数: 148)