JQuery是一種流行的JavaScript庫，它向開發人員提供了一種簡化DOM操作和AJAX交互的方式。其中，JQuery on是一種非常有用的方法，可用于綁定事件處理程序。

$(selector).on(event,childSelector,data,function)

JQuery on方法中的四個參數有不同的含義。

• selector：一個字符串，指定要綁定事件的元素的選擇器。
• event：一個字符串，指定要綁定的事件類型。
• childSelector：一個字符串，指定選擇器來篩選子元素。可選項。
• data：傳遞到事件處理程序中的數據?？蛇x項。
• function：事件觸發時執行的函數。

在jQuery on方法中，selector和childSelector參數都是可選的。如果沒有使用childSelector參數，則綁定到selector所選擇的元素上，然后在事件冒泡時委托到子元素。如果使用了childSelector參數，則只有在匹配選擇器的子元素上才會觸發事件處理程序。

data參數提供了一種將任意數據傳遞到事件處理程序中的方法。您可以使用$.data（）函數將數據附加到選擇器所匹配的元素上，并在事件處理程序中使用event.data來訪問數據。

$(selector).data(key,value);
$(selector).on(event,{key:value},function(event){
console.log('數據傳遞', e.data.key);
});

JQuery on方法是一個非常有用的工具，可用于動態綁定和解綁事件的處理程序。了解on方法中的參數和用法，將有助于您更好地使用JQuery。