jQuery框架中有許多常用的函數，其中之一就是on()函數。on()函數可以方便地對DOM元素進行事件綁定。它具有多種不同的用法，以下將逐個介紹。

$(selector).on(event, childSelector, data, handler);

上述語法需要至少兩個參數，在這里解釋一下：

• selector：需要綁定事件的元素，此處可以使用選擇器自定義。
• event：綁定的事件類型，比如click、hover、scroll。
• childSelector：可選參數，指定子元素。
• data：與事件關聯的數據。
• handler：事件的回調函數。

$(selector).on({event:handler,...});

上述語法可以綁定多個事件，每個事件對應一個回調函數。比如：

$('button').on({
click:function(){
alert('click event');
},
mouseover:function(){
alert('mouseover event');
},
mouseout:function(){
alert('mouseout event');
}
})

除此之外，on()函數還可以使用委托事件和一次性事件。

$(container).on(event,selector,data,handler);

這里需要使用包裹容器來操作委托事件，即把事件委托給容器的子元素。比如：

$('.container').on('click','.inner-element',function(){
alert('inner-element click event!');
});

最后是一次性事件：

$(selector).one(event,data,handler);

這種方式只會觸發一次事件，執行完事件后，事件會被自動解綁。比如：

$('button').one('click',function(){
alert('one click event');
});

以上就是on()函數的常見用法，需要根據實際需求來選擇合適的方式使用。