在前端開發中,事件綁定是至關重要的一環,jQuery庫就是一個不錯的選擇。而在jQuery 3.0中,事件綁定用法和之前的版本有些變化。
jQuery 3.0中,我們可以使用on()方法綁定事件,它可以接收多個參數。其中,第一個參數是事件類型,第二個參數是選擇器,可以為空,表示該事件類型在目標元素上觸發,當然也可以是一個具體的選擇器,表示該事件類型在選擇器所匹配的元素上觸發。
$(document).on('click', '#myelement', function(){
// 這里是事件處理邏輯
});
上述代碼中,使用了on()方法綁定了click事件,從document元素開始,所有點擊“#myelement”的元素均會觸發該事件。這種方式也常常被稱為“委托事件”。
另外,如果只是簡單地監聽一個事件,比如click,也可以通過快捷方式直接綁定:
$('#myelement').click(function(){
// 這里是事件處理邏輯
});
要注意的是,使用$(selector).click()只是on('click', handler)的簡寫方式,它不支持第二個參數選擇器。而且,通過這種方式綁定事件,它們是不能被實時監聽到的,如果需要實時監聽,則需要使用on()方法。
綜上,使用jQuery 3.0中的on()方法綁定事件比較靈活,而且支持多種事件類型,建議大家仔細掌握。