jQuery this事件 - tw511教學網

我們都知道，原生 JavaScript 中的 this 是非常複雜的。不過在 jQuery 中，this 的使用相對來說簡單一點。jQuery 中的 this 大多數是用於事件操作中。

對於 jQuery 中的 this，我們記住一句話即可：this 始終指向觸發當前事件的元素。

舉例

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="js/jquery-1.12.4.min.js"></script>
    <script>
        $(function () {
            $("div").click(function(){
                //$(this)等價於$("div")
                $(this).css("color", "red");
            })
            $("p").click(function () {
                //$(this)等價於$("p")
                $(this).css("color", "blue");
            })
        })
    </script>
</head>
<body>
    <div>C語言中文網，給你初戀般的感覺~</div>
    <p>C語言中文網，給你初戀般的感覺~</p>
</body>
</html>

預覽效果如圖 1 所示。

圖 1：this 方法的效果