使用jQuery在DOM更改时运行函数
在网页开发中，经常需要在DOM（文档对象模型）发生变化时执行特定的操作。jQuery是一款流行的JavaScript库，提供了许多简化DOM操作的方法。本文将介绍如何使用jQuery在DOM发生变化时运行函数，并通过案例代码演示具体实现。### 1. 引入jQuery首先，确保在项目中引入了jQuery库。可以通过在HTML文件中添加以下代码来引入：html### 2. 监听DOM变化要在DOM发生变化时执行函数，可以使用jQuery提供的`.on()`方法，并监听`DOMSubtreeModified`事件。这个事件在DOM树的某个节点及其子节点发生任何变化时触发。
javascript$(document).on('DOMSubtreeModified', function() { // 在DOM变化时执行的函数 console.log('DOM发生了变化！'); // 在这里添加你的自定义操作});### 3. 示例代码下面是一个简单的示例代码，演示了如何使用jQuery在DOM发生变化时改变页面背景颜色。html### 4. 通过使用jQuery的`.on()`方法监听`DOMSubtreeModified`事件，我们可以在DOM发生变化时执行自定义的函数。这为开发者提供了在特定DOM操作发生时触发相应操作的灵活性。在实际项目中，可以根据具体需求执行不同的操作，例如更新页面内容、触发动画效果等。jQuery DOM变化示例 jQuery DOM变化示例
点击下面的按钮改变背景颜色：