jQuery是一個流行的JavaScript庫,被廣泛用于Web開發中。它可以方便地處理HTML文檔,提供豐富的DOM操作和各種插件支持。其中,使用this關鍵字可以很方便地獲取當前對象。
$(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); });
上面的代碼通過jQuery選擇器選中所有的
標簽,并在點擊時隱藏當前對象。這里的this關鍵字指向當前被點擊的對象,也就是當前的
標簽。因此,調用$(this)可以獲取到當前對象的jQuery對象,這樣就能方便地操作當前對象了。
$("input").focus(function(){ $(this).css("background-color", "#fff"); }); $("input").blur(function(){ $(this).css("background-color", "#ddd"); });
上面的代碼通過jQuery選擇器選中所有的標簽,并在獲取焦點時將背景色設置為白色,在失去焦點時將背景色設置為灰色。這里的this關鍵字也指向當前對象,即當前獲取焦點或失去焦點的標簽。通過調用$(this),可以方便地對當前對象進行樣式修改。
以上是關于jQuery和this關鍵字的一些介紹和示例代碼。借助jQuery和this關鍵字,可以方便地對當前對象進行操作,減少代碼量和時間成本。