如何使用 jQuery 检测 DOM 元素中的内容更改？

使用 jQuery 监视元素内容修改

change() 函数有效地检测表单元素的更改。但是，您能查明对 DOM 元素内容所做的更改吗？

考虑以下场景：

<div>

以下代码是不够的：

$("#content").change(function() {
    // Do something
});

这个代码仅响应表单元素的更改。要监视内容更改，请探索以下替代方法：

方法 1：jQuery 链接和遍历

• 使用 jQuery 的链接和遍历功能处理 DOM 更改。

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

方法2：使用triggerHandler()自定义事件

• 使用jQuery的bind()方法和triggerHandler()函数创建自定义事件。

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

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

注意：虽然原始帖子主要关注 div 中的内容更改，但此方法还可以检测通过 html() 或 append() 所做的修改。

有关triggerHandler()函数的更多详细信息，请参阅jQuery文档：http://api.jquery.com/triggerHandler/

以上是如何使用 jQuery 检测 DOM 元素中的内容更改？的详细内容。更多信息请关注PHP中文网其他相关文章！