如何使用 jQuery 檢測 DOM 元素內容的變化？

在jQuery 中偵測DOM 元素內容變更

雖然jQuery 的change() 函數可以有效地監視表單元素的更改，但偵測DOM 元素中的內容修改卻是個挑戰。

問題：

確定DOM 元素內容更改的時刻，例如使用$("#content").html('something'); ，是這是一項複雜的任務，因為change()僅限於表單元素。 html() 和append() 函數缺少回呼。

解決方案：

選項1：利用jQuery 連結與遍歷

對於基本的DOM 操作，使用jQueryM 操作，使用jQuery 連結和遍歷按順序執行多個操作。例如：

$("#content").html('something').end().find(whatever)....

選項2：實作自訂事件和觸發器處理

當需要更複雜的操作時，使用jQuery 的bind() 建立自定義事件並使用triggerHandler()手動觸發它。

$("#content").html('something').triggerHandler('customAction');

$('#content').unbind().bind('customAction', function(event, data) {
   //Custom-action
});

請注意，change()事件主要是為輸入欄位設計的。如果 DOM 操作源自程式碼，請考慮在操作發生的地方進行處理。

以上是如何使用 jQuery 檢測 DOM 元素內容的變化？的詳細內容。更多資訊請關注PHP中文網其他相關文章！