详细信息
一个小而有用的 jQuery 插件，它允许您通过轮询值来监视元素的特定 CSS 属性的变化。
您还可以监视属性（使用 attr_ 前缀）或属性更改（使用 prop_ 前缀）。
当值改变时调用一个函数。回调是在所选元素的上下文中触发的（即 this）。
该插件使用DOM的MutationObserver API 并回退到 setInterval 来轮询不兼容浏览器的更改。
允许在单个 DOM 元素上使用多个监视处理程序并支持子元素。
安装和下载：
# NPM
$ npm install jquery-watch --save如何使用它：
1.jquery-watch.js在最新的 jQuery 库之后插入主 JavaScript 。
<script src="/path/to/cdn/jquery.js"></script>
<script src="/path/to/jquery-watch.js"></script>2. 将函数附加到目标 DOM 元素，并指定要监视的 CSS 样式或属性作为逗号分隔列表。该callback函数用于在检测到更改时触发事件。
$('.myElement').watch({
// multiple CSS styles and/or attributes here
properties: "opacity, attr_class",
// get new values
callback: function(data, i) {
var propChanged = data.props[i];
var newValue = data.vals[i];
}
});3. 设置“手动轮询”的间隔（IE 10 及更早版本）。默认值：100。
$('.myElement').watch({
interval: 100
});4. 为这个观察者实例指定一个唯一的 id。
$('.myElement').watch({
id: "_watcher_" + new Date().getTime(),
});5. 确定是否监控子元素的变化。默认值：假。
$('.myElement').watch({
watchChildren: true
});
发表评论
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。