jquery的点击事件
程序员文章站
2022-08-08 20:04:49
一.任务需求：两个按钮，一个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>
上一篇： 脸书封杀迄今最大虚假账号组织
下一篇： 怎么做糖芋头，教你简单又好吃的做法