jQuery是一個流行的JavaScript庫，它能夠幫助我們簡化DOM（文檔對象模型）操作。其中一個非常重要的方法是on()，可以用來監聽DOM的移動事件。

在使用on()方法之前，需要先了解一些基礎概念。DOM是指瀏覽器將HTML文檔解析成的一個樹形結構。節點是樹的元素，包括元素節點、文本節點、屬性節點等。DOM的移動事件指的是節點在樹中的位置發生變化，主要有四種事件：子節點插入、子節點移除、節點被插入、節點被移除。

// 監聽子節點插入事件
$(document).on("DOMNodeInserted", function(event) {
console.log("子節點插入");
});
// 監聽子節點移除事件
$(document).on("DOMNodeRemoved", function(event) {
console.log("子節點移除");
});
// 監聽節點被插入事件
$(document).on("DOMNodeInsertedIntoDocument", function(event) {
console.log("節點被插入");
});
// 監聽節點被移除事件
$(document).on("DOMNodeRemovedFromDocument", function(event) {
console.log("節點被移除");
});

on()方法可以接收多個事件類型，可以在監聽時指定需要監聽的事件類型。事件處理函數可以接收一個event對象作為參數，可以獲取到發生事件的節點等信息。

在實際應用中，我們可以利用on()方法來監聽DOM的變化，以便實時響應頁面的變化。比如監聽一個select組件的option選項變化：

// 監聽select選項變化
$("select").on("change", function(event) {
console.log("select選項變化");
});

這樣，當用戶選擇其他選項時，就會觸發change事件，從而執行相應的回調函數。