jquery的監聽方法主要有4種:1、「.on」方法,可以監聽單一或多個事件,也能夠為未來新加入的元素綁定事件,但是老版jQuery不支援; 2.「.click」方法,主要進行點擊事件操作,不支援事件委託,只能應用於已有的元素上;3、「.bind」方法,舊版jQuery版本提供用來綁定事件到元素上的方法,與其他的jQuery方法搭配使用能讓程式碼更為簡化,不支援事件委託。
本教學作業系統:Windows10系統、jQuery3.6.0版本、Dell G3電腦。
jQuery 監聽事件的方法主要為`.on()`, `.click()`和`.bind()`
#1、 `.on()`
`.on()` 是jQuery 1.7 引進的新方法,可以用來取代先前的方法。這個方法可以監聽單一或多個事件,也能夠為未來新加入的元素綁定事件。
優點
增加和刪除事件很容易;
可以同時綁定多個事件,不像.click () 只能監聽click 事件。例如:`$(selector).on({mouseenter: function(){}, mouseleave: function(){}})`
可以新增命名空間;
缺點
舊版jQuery 不支援;
在古老的瀏覽器中可能需要shim 衰減。
範例:
``` $('selector').on('click', function() { // code }); ```
2、`.click()`
`.click()` 主要進行點擊事件操作。
優點
簡單使用; 在一些只需要監聽 click 事件時,程式碼會簡潔且易於理解。
缺點
不支援事件委託,只能套用在現有的元素上;
只有Click 事件,不能讓這個方法綁定其它的事件。
範例:
``` $('selector').click(function() { // code }); ```
3、`.bind()`
`.bind()` 是舊版jQuery版本提供用來綁定事件到元素上的方法。
優點
當與其他的jQuery 方法搭配使用的時候,能讓程式碼更為簡化;
``` $('selector').bind('click', function() { // code }); ```
以上是jquery的監聽方法有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!