</script>
<script>
$("#btn").click(function() {
$("#container").append("aaa").change();
});
$("#container").bind("change", ()=>{
console.log('div出发了change事件')
});
</script>
</body>
</html>
change事件，在元素的值发生改变时触发，适用于文本域、textarea、select 。 或调用change()方法时可以监听。所以，我们可以模拟change为非表单元素监听change()事件。
2 <!Doctype>
4 <html>
6 &l...
1.需求场景
开发过程中经常遇到的一个问题就是如何监听一个 div 的size变化。
比如我用canvas绘制了一个chart，当canvas的size发生变化的时候，需要重新绘制里面的内容，这个时候就需要监听resize事件做处理。window上虽然有resize事件监听，但这并不能满足我们的需求，因为很多时候，div的size发生了变化，实际 window.resize 事件并未触发。
对于div的resize事件的监听，实现方式有很多，比如定时器检查，通过scroll事件等等，本文主要介绍通过iframe 元素来实现监听。
不过我们可以间接利用window的resize事件监听来实现对于
今天写页面的时候突然有这么个需求，由于父元素（一个DIV）的height是由javascript计算出来的固定的值，而在其中增加了一个多说插件，在用户评论后，子元素（DIV）的height属性增加，导致子元素溢出。但是又不知道如何为多说的评论按钮增加回调函数，于是乎就想到了根据子元素的大小变化来重新计算父元素的height。
onresize?
平常，都是在整个浏览器窗口变化时触发一个修改布局的回调函数。使用的是window对象的resize事件，利用：
[removed] = callback;
来绑定。但根据resize事件的target是defaultView (w
我们通常会用onchange事件来完成元素值发生改变触发的监听。
但是 onchange 比较适用于<input>、<textarea> 以及 <select> 元素，对于 div，span等元素就不能使用了。
例如，监听span的元素值变化可以用DOMNodeInserted，经测试可用
$("#state_val").bind("DOMNodeInse...
我们都知道，jQuery有一个onchange的事件来判断类似input或者textarea标签值变化的事件。
jQuery中是通过比如keyup,blur,click等事件来监听值的变化，如果变化就触发change事件。
jQuery.event.special.change = {
filters: {
focusout: testChang...
在JavaScript中，特别是在处理DOM操作时，jQuery库提供了一种方便的方式来监听DOM元素尺寸的变化，例如宽度。你可以使用`jq`（即jQuery）的`on()`或`.on()`方法配合`change()`事件来实现这个功能。
这里是一个简单的例子：
```javascript
// 获取需要监听宽度变化的DOM元素
var element = $('#your-element-id');
// 使用jq的on()方法添加宽度改变的事件处理器
element.on('change', function() {
// 这里会触发当元素宽度发生变化时
console.log('Element width has changed:', $(this).width());
// 如果你想监听实时的尺寸变化，可以使用MutationObserver API
// (注意不是jQuery提供的，但在现代浏览器中更可靠)
function observeWidthChange(target) {
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
if (mutation.type === 'attributes') {
if (mutation.attributeName === 'style' && mutation.target.style.width !== '') {
console.log('Width change:', mutation.target.offsetWidth);
observer.observe(target, { attributes: true });
// 观察特定元素的宽度变化
observeWidthChange(element[0]);
