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刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM