jquery的点击事件

来源：cnblogs　　作者：葳蕤ydp　　时间：2019/9/23 8:51:22　　对本文有异议

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

原文链接：http://www.cnblogs.com/yuandanping/p/11561854.html

友情链接：直通硅谷　点职佳　北美留学生论坛

jQuery热门文章

jQuery推荐文章