jquery的点击事件

本文转载自查看原文 2019-09-21 10:50 1234 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>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 jquery 调用点击事件 jquery模拟点击事件 jquery模拟点击事件 jquery点击事件捕获 JQuery模仿a标签的点击事件 jquery点击事件click无效 js/jquery 禁用点击事件 jQuery右键点击事件函数 jquery触发a标签点击事件关于jQuery点击事件叠加问题