jquery - 使用 jQuery.html ('string' ) 时是否会触发任何事件？

Question

我有一个包含大量 ajax 调用的页面，这些调用将内容附加到 html 中。我想在每次此类事件之后保存页面的当前 html。

在这种情况下是否触发了任何事件？可能是一些 $(document).ready() 或类似的？

Answer 1

在支持旧突变事件的浏览器上，是的，引发了突变事件。但突变事件已被弃用，取而代之的是 mutation observers ，它为通知提供了一种非事件回调机制，这种机制可以更加有效，因为它们可以只发出一个回调，其中包含所做的许多堆叠更改(而不是每个更改的单独事件)。他们是supported in modern browsers IE10及以下版本除外。在 IE9 和 IE10 上，您可以使用一个库，利用 IE9/10 对旧突变事件的部分支持来填充(填充)突变观察者。

这是一个简单的突变观察器示例:

var ob = new MutationObserver(function() {
  snippet.log("Change detected");
});
ob.observe($("#container")[0], {
  childList: true,
  characterData: true,
  subtree: true
});
$("button").on("click", function() {
  $("#container").html("Updated " + new Date());
});

<div id="container">This is the container whose contents are changed.</div>
<button type="button">Click me</button>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- Script provides the `snippet` object, see http://meta.stackexchange.com/a/242144/134069 -->
<script src="http://tjcrowder.github.io/simple-snippets-console/snippet.js"></script>