有時當我們創建一個網站或應用時，不是所有的元素都是在頁面加載時已經存在的。因此，我們需要動態地向頁面添加或刪除元素。這時候，我們需要用到jQuery .on() 方法來綁定事件到未來的元素上。

使用jQuery .on() 方法的語法結構是：

$(document).on(event, selector, function() {
// code to be executed when the event is triggered
});

其中，第一個參數是事件名稱，第二個參數是選擇器，第三個參數是事件觸發時需要執行的函數。這些參數告訴jQuery在哪個元素上監聽事件，以及事件發生時執行哪些動作。

使用這種方式來綁定事件時，當新元素添加到頁面中時，也會自動帶有該事件。這就擺脫了過去需要一遍又一遍地綁定事件的煩惱，極大地提高了開發效率。

然而，需要注意的是，綁定事件到 document 上也可能導致性能問題。因為會涉及到大量的 DOM 操作，尤其是在處理大量事件的情況下。針對這一問題，我們可以把 document 替換成更具體的元素，如最外層容器。

總之，通過 jQuery .on() 方法，我們可以方便地監聽未來的元素事件。這是一個強大的工具，能夠幫助我們提高效率，降低代碼重復度，并使我們的代碼更加簡潔易讀。