【前端丨学习笔记】js实现点击显示和隐藏效果

Amy · 发表于 2019-1-4 10:53:59

【零基础学习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>

效果如图：

站长苏飞 · 发表于 2019-1-4 10:59:47

我只是路过打酱油的。

liu · 发表于 2019-1-4 16:24:29

强烈支持楼主ing……

惜 · 发表于 2019-1-5 13:56:44

我只是路过打酱油的。

范范 · 发表于 2019-1-5 21:03:23

我只是路过打酱油的。

		自动登录	找回密码
密码			马上注册

[JavaScript] 【前端丨学习笔记】js实现点击显示和隐藏效果

相关帖子