使用 jQuery 检测 DOM 元素内容更改
jQuery change() 函数可以有效地检测表单元素值的更改。但是,如果您需要监视 DOM 元素内容的更改,例如使用 $("#content").html('something') 时该怎么办?
困境
change() 函数不适合此目的,因为非表单元素中的内容更改源自代码。因此,依赖它需要您以特定的时间间隔手动检查元素的内容。
替代方法
1。链式 jQuery 方法和遍历:
如果执行简单的 DOM 操作,请考虑链式 jQuery 方法和遍历。例如:
$("#content").html('something').end().find(whatever)....
2。自定义事件和触发器:
对于更复杂的操作,请利用 jQuery 的绑定函数与自定义事件和触发器处理程序。
$("#content").html('something').triggerHandler('customAction'); $('#content').unbind().bind('customAction', function(event, data) { //Custom-action });
这种方法允许您定义一个自定义操作,该操作将当触发“customAction”事件时执行。
以上是除了 jQuery 的 `change()` 函数之外,如何检测 DOM 元素内容的更改?的详细内容。更多信息请关注PHP中文网其他相关文章!