「this」在 jQuery 中如何運作以及有哪些不同的使用方法？

理解jQuery 中「this」的意思和用法

JavaScript 中的「this」關鍵字是一個強大的概念，可以靈活地實作物件導向程式設計。在 jQuery 中，「this」經常用來指充當特定函數呼叫目標的 DOM 元素，例如在事件回呼中。

jQuery 事件回呼中的「this」

在 jQuery 事件回調中，「this」通常表示觸發事件的 DOM 元素。這使您能夠輕鬆操作元素的屬性，例如設定其樣式或隱藏它：

$("div").click(function() {
    this.style.color = "red";
    $(this).hide();
});

jQuery 函數中的「this」

各種jQuery 函數迭代DOM 元素也接受函數作為參數。在這些函數中，「this」再次代表目前 DOM 元素。例如，「html()」函數可讓您設定每個符合元素的內容：

$("#foo div").html(function() {
    return this.className;
});

jQuery 的「.each()」方法中的「this」

jQuery 上的「.each()」方法可以循環遍歷元素數組。在提供給「.each()」的回呼函數中，「this」指的是陣列中的目前元素：

jQuery.each(["one", "two", "three"], function() {
    alert(this);
});

理解JavaScript 中的「this」

一般來說，JavaScript 中的「this」指的是呼叫函數的物件。它由呼叫函數的上下文決定，而不是定義函數的位置。

通常，「this」是透過呼叫函數作為物件的屬性來設定的：

var obj = {
    firstName: "Fred",
    foo: function() {
        alert(this.firstName);
    }
};
obj.foo(); // alerts "Fred"

「this」和嚴格模式

在ES5 的嚴格模式中，「this」可以有任何值，而不僅僅是一個物件。如果沒有明確設定“this”，則預設為全域物件（即瀏覽器中的“window”物件）。

設定「this」的其他方法

在JavaScript 中，還有另外兩種方法可以設定「this」的值：

• .call(): 將「this」設定為第一個參數，傳遞任何函數的剩餘參數。
• .apply(): 與「.call()」類似，但接受陣列形式的參數。

鬆散模式與嚴格模式

鬆散模式和嚴格模式之間「this」的行為有所不同。在鬆散模式下，如果沒有明確設定“this”，則預設為全域物件。在嚴格模式下，「this」可以有任何值，不明確設定將導致「未定義」。

以上是「this」在 jQuery 中如何運作以及有哪些不同的使用方法？的詳細內容。更多資訊請關注PHP中文網其他相關文章！