欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jquery的点击事件

程序员文章站 2022-05-03 14:47:39
一.任务需求:两个按钮,一个DIV,点击显示按钮显示DIV,点击隐藏按钮,隐藏DIV。 二.任务分析:监听按钮的点击,操作DIV的显示隐藏效果。 三.代码实现: ......

一.任务需求:两个按钮,一个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>