jQuery Mobile是一個(gè)用于創(chuàng)建移動(dòng)應(yīng)用的JavaScript框架，采用最新的HTML5和CSS3規(guī)范，可在各種移動(dòng)設(shè)備上提供一致的外觀和體驗(yàn)。而其中的on方法，則是jQuery Mobile中最常用的事件綁定方法之一，支持多種瀏覽器的觸摸和鼠標(biāo)事件，并且自動(dòng)處理跨設(shè)備的滾動(dòng)、縮放和轉(zhuǎn)屏。下面簡(jiǎn)單介紹一下on方法的相關(guān)使用。

// bind a click event to a button using on method
// and also bind swipeleft event to the same button
$("button").on("click swipeleft", function(){
console.log("Button was clicked or swiped left.");
});
// remove all click and swipeleft events from the button
$("button").off("click swipeleft");
// bind a delegated longpress event to a listview item
$("#myList").on("taphold", "li", function(){
console.log("List item was long-pressed.");
});
// remove the longpress event from all listview items
$("#myList").off("taphold", "li");

在上面的代碼中，我們首先使用on方法將“點(diǎn)擊”和“向左滑動(dòng)”事件綁定到一個(gè)按鈕上，并且同時(shí)處理這兩種事件。使用off方法可以將所有綁定的事件都清除掉，也可以指定具體要移除的事件類型。另外，當(dāng)需要在列表項(xiàng)上綁定事件時(shí)，可以使用事件委托的方式，即將事件綁定到列表的父元素上，并將要處理事件的子元素作為選擇器傳遞給on方法。