JQuery是一種JavaScript庫,它是一個主要用于簡化HTML與JavaScript交互的工具。
在JQuery中,on()方法可以用于綁定事件監聽器,并且可以向監聽器傳遞多個參數,也可以傳遞數據。
$(selector).on(event,data,function)
其中,第一個參數是事件類型,第二個參數是帶有事件相關數據的對象,第三個參數是事件發生時運行的函數。
例如,在下面的示例中,我們將使用on()函數向一個按鈕添加點擊事件,并將數據作為參數傳遞給事件處理程序。
$("button").on("click", {name: "John", age: 30}, function(event) { alert("Hello " + event.data.name + ", you are " + event.data.age + " years old!"); });
當單擊按鈕時,事件處理程序將顯示包含傳遞數據的信息框。
傳遞數據的過程可以更加直觀,因為我們可以將數據寫入HTML標簽屬性中,并且在事件處理程序中使用on()方法獲取數據。
例如,在下面的示例中,我們將姓名和年齡寫入按鈕的"id"屬性中,并使用on()方法獲取它們。
$("button").on("click", function(event) { alert("Hello " + $(this).attr("name") + ", you are " + $(this).attr("age") + " years old!"); });
當單擊按鈕時,事件處理程序將顯示包含傳遞數據的信息框。