jQuery click事件詳解 - tw511教學網

單擊事件（click），我們在之前已經接觸過非常多次了，例如點選某個按鈕彈出一個提示框。這裡要特別注意一點，單擊事件不只是按鈕才有，我們可以為任何元素新增單擊事件。

舉例：為 div 元素新增單擊事件

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <style>
        div 
        {
            display: inline-block;
            width: 80px;
            height: 24px;
            line-height: 24px;
            font-family:"微軟雅黑";
            font-size:15px;
            text-align: center;
            border-radius: 3px;
            background-color: deepskyblue;
            color: white;
            cursor: pointer;
        }
        div:hover {background-color: dodgerblue;}
    </style>
    <script src="js/jquery-1.12.4.min.js"></script>
    <script>
        $(function() {
            $("div").click(function(){
                alert("開玩笑嗎？")
            })
        })
    </script>
</head>
<body>
    <div>偵錯程式碼</div>
</body>
</html>

預覽效果如圖 1 所示。

圖 1：為 div 新增點選事件