jQuery是一種流行的JavaScript庫,能夠極大地簡化操作HTML DOM的過程。在jQuery中,我們可以使用on方法來綁定元素事件,而該方法又可以用來獲取元素。
// 通過on方法獲取元素 $(document).on("click", "p", function() { console.log($(this).text()); });
在上面的代碼中,我們使用了on方法來綁定單擊事件。在這個事件觸發時,我們可以通過this關鍵字來獲取當前元素,而通過jQuery封裝好的text()方法來獲取該元素的文本內容。
事實上,on方法除了可以綁定事件,還可以用來獲取元素。例如下面的代碼就使用了on方法來獲取所有的p元素:
$(document).on("click", "p", function() { console.log($("p").length); });
在這個代碼中,我們同樣使用了on方法,但是通過在第二個參數中傳入CSS選擇器,我們在單擊事件觸發時獲取了所有的p元素數量。
值得注意的是,為了讓on方法能夠正確獲取元素,我們需要將它綁定在一個已存在的父級元素上(例如上面的代碼中綁定在了document元素上),而不能直接綁定在需要獲取的元素上。
總而言之,on方法可以在綁定元素事件的同時幫助我們快捷地獲取元素,這在某些情況下非常方便。