jQuery是一種JavaScript庫,它被廣泛用于開發(fā)現(xiàn)代Web應用程序。它提供了一種快速、靈活和強大的方法來處理HTML文檔和CSS樣式,同時允許與后端服務器進行通信。其中on()方法是jQuery的一個重要方法,它允許對DOM元素進行事件綁定。而$(this)則引用當前被點擊的元素。
$(document).ready(function() { $('button').on('click', function() { $(this).toggleClass('active'); }); });
在上面的代碼中,我們使用了on()方法與click事件一起使用來切換元素類,并在被點擊的元素上使用了$(this)。這意味著,只有當前被點擊的按鈕會改變其class,而不是所有按鈕。這種行為通常被稱為“事件代理”。
除了click事件外,on()方法還允許處理各種其他事件,包括鼠標懸停、鍵盤敲擊和表單提交。此外,它還允許使用選擇器來指定要綁定事件的元素。
$(document).ready(function() { $('ul').on('click', 'li', function() { $(this).toggleClass('completed'); }); });
在這個例子中,我們使用on()方法將事件綁定到ul元素上,但只有l(wèi)i元素會觸發(fā)事件。這使得添加新的li元素時,無需更改事件代碼。
總之,jQuery的on()方法是一種非常強大的方式來處理事件,使得我們能夠輕松地處理多個元素、事件類型和選擇器。