如何使用 jquery 检测元素的任何变化？

Question

我有这个 html 页面：

     <div style="width: 100%;position: absolute; bottom: 0px; height: 49px;" id="TabBar">
  <ul>
    <li  role='{"type":"tabbar"}' class="itemClickable"><img class="tabIcon" src="/assets/builder/tabIcon.png"    /><br /><label>Home</label></li>
    <li  role='{"type":"tabbar"}' class="itemClickable"><img class="tabIcon " src="/assets/builder/tabIcon.png"   /><br /><label>About</label></li>
    <li  role='{"type":"tabbar"}' class="itemClickable"><img class="tabIcon" src="/assets/builder/tabIcon.png"   /><br /><label>Gallery</label></li>
    <li  role='{"type":"tabbar"}' class="itemClickable"><img class="tabIcon" src="/assets/builder/tabIcon.png"   /><br /><label>Contact-Us</label></li>
  </ul>
  <img src="/assets/ide/add_48.png" id="AddTab"   />
</div>

我需要检测“li”元素的任何变化。 例如，标签文本或标签颜色的更改、类别的更改、图像的更改以及所有可能的更改。 因为它的标签很多，所以我尝试的一切都没有触发标签颜色的变化。 有没有办法在没有特定路径（如“ul li .item”）的情况下检测这种变化？ 我也希望能够检测到其他元素的这种变化。

Answer 1

使用 Object.observe 的 HTML5 解决方案

http://updates.html5rocks.com/2012/11/Respond-to-change-with-Object-observe https://github.com/jdarling/Object.observe (polyfill/shim)