Jquery的on()方法是綁定事件的重要函數(shù),它有一個data參數(shù),可以用來傳遞數(shù)據(jù)。
在使用on()方法時,可以通過傳遞一個對象來設(shè)置data參數(shù)。例如:
$('selector').on('click', { name: 'John', age: 30 }, function(event) { console.log(event.data.name); // John console.log(event.data.age); // 30 });
在上述代碼中,我們在on()方法中傳遞了一個對象,它包含了兩個屬性name和age。當(dāng)綁定的事件被觸發(fā)時,它會自動傳遞一個event對象,并且在這個對象的data屬性中包含了我們傳遞的數(shù)據(jù)。
我們可以在回調(diào)函數(shù)中調(diào)用event.data來獲取我們傳遞的數(shù)據(jù)。例如,我們可以打印出name和age:
在on()方法中,也可以通過data()來設(shè)置data參數(shù)。例如:
$('selector').data('name', 'John'); $('selector').data('age', 30); $('selector').on('click', function(event) { console.log($(this).data('name')); // John console.log($(this).data('age')); // 30 });
在上述代碼中,我們使用data()方法來設(shè)置name和age屬性的值。在回調(diào)函數(shù)中,我們通過$(this).data()方法來獲取這些屬性的值。
總之,通過on()方法的data參數(shù),我們可以在綁定事件時傳遞數(shù)據(jù),然后在回調(diào)函數(shù)中方便地使用這些數(shù)據(jù)。