在jquery中,on()方法有一個非常實用的功能,可以傳遞參數給事件處理程序。它可以讓我們在綁定事件的同時,將需要的參數傳遞給事件處理程序,使事件處理程序能夠更加靈活,并且能夠處理更多的情況。
使用on()方法傳參的方法很簡單,只需要在事件名后面加上第二個參數即可,這個參數是一個對象,可以包含任意數量的屬性和值,每個屬性和值都可以傳遞給事件處理程序。
例如,以下代碼我們傳遞了兩個參數text1和text2給點擊事件的處理程序:
$('button').on('click', {text1: 'Hello', text2: 'World'}, function(event){ alert(event.data.text1 + ' ' + event.data.text2); });在點擊按鈕后,彈窗將會顯示 "Hello World"。我們可以通過event對象的data屬性來獲取傳遞的參數對象。 如果我們需要動態傳遞參數,可以使用data()方法。它的作用是在元素上綁定數據,通過 on() 方法來調用數據: 以下代碼為一個例子,將點擊按鈕的文本內容作為參數傳遞給事件處理程序:
$('button').on('click', function(){ var btnText = $(this).text(); $(this).data('btnText', btnText); }); $('button').on('click', function(event){ alert($(this).data('btnText')); });這兩個事件綁定在同一個元素上,第一個事件將按鈕的文本內容綁定到data上,第二個事件獲取數據并彈窗顯示。 總結一下,通過 on() 方法傳遞參數給事件處理程序非常實用,可以讓我們更好地控制事件處理,以及動態傳遞參數。在日常開發中使用很廣泛,是jquery開發者應該掌握的技巧之一。
上一篇jquery on函數
下一篇jquery one