jQuery是一個非常流行的JavaScript庫。它可以讓你更方便地對HTML文檔進行操作和管理。其中一個非常重要的特性是它的事件委托系統,其中最常用的是onclick(this)函數。
單擊一個元素時,觸發onclick事件將調用與該事件相關聯的JavaScript函數。如果您想將此函數綁定到特定元素,可以使用jQuery中的一個快捷方式:通過this參數引用該元素本身。
例如,當單擊以下HTML代碼中的按鈕時:
<button id="myButton" onclick="myFunction(this)">點擊我</button>
該按鈕將調用名為myFunction()的JavaScript函數,并將它作為參數傳遞給this:
function myFunction(element) { $(element).text('我被單擊了!'); }
這個函數將使用jQuery選擇器將該元素找到,然后將它的文本更改為“我被單擊了!”
當然,您也可以使用jQuery的綁定事件(例如,使用.on()方法)來達到相同的效果。此方法更通用且易于管理,但是onclick加上this實際上提供了更快的綁定事件的方式,因為它不涉及jQuery對象的實例化。
在事件委托中使用onclick(this)函數是非常常見的用例之一。例如,通過將事件綁定到整個文檔中的元素,您可以在您添加 / 移除新元素時自動對它們進行設置:
$(document).on('click', 'button', function() { $(this).text('我被單擊了!'); });
在這種情況下,“this”將引用被單擊的按鈕。如果您有多個元素需要處理,這是一種非常方便的方法。