jquery的点击事件

一.任务需求：两个按钮，一个DIV,点击显示按钮显示DIV，点击隐藏按钮，隐藏DIV。

二.任务分析：监听按钮的点击，操作DIV的显示隐藏效果。

三.代码实现：

<body>

<button id="go_show">显示</button>

<button id="go_hide">隐藏</button>

<div style="height: 150px;width: 150px;background: coral;margin-top: 20px;" id="content"></div>

<script src="jquery-3.4.1.min.js"></script>

<script>

    $("#go_show").click(function () {

        $("#content").show();

    });

    $("#go_hide").click(function () {

        $("#content").hide();

    })

</script>

</body>

巴特西

jquery的点击事件

最新文章

热门文章