使用 jQuery 检测元素内容的变化

问题描述

change() 函数可以工作并检测表单元素的变化，但是有没有办法检测 DOM 元素的内容何时发生变化?

change() function works and detects changes on form elements, but is there a way of detecting when a DOM element's content was changed?

这不起作用，除非 #content 是一个表单元素

This does not work, unless #content is a form element

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

我希望在执行以下操作时触发:

I want this to trigger when doing something like:

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

还有 html() 或 append() 函数没有回调.

Also html() or append() function don't have a callback.

有什么建议吗?

推荐答案

这些是 突变事件.

我没有在 jQuery 中使用过突变事件 API，但是粗略的搜索让我找到了 这个项目在 GitHub 上.我不知道该项目的成熟度.

I have not used mutation event APIs in jQuery, but a cursory search led me to this project on GitHub. I am unaware of the project's maturity.

这篇关于使用 jQuery 检测元素内容的变化的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！