📅 最后修改于: 2023-12-03 15:16:49.830000 🧑 作者: Mango
当页面中的元素是动态创建的，并且需要与这些元素进行交互时，我们需要使用 jQuery 来监听稍后创建的类的点击事件。这里介绍一种比较简单和常用的方法。
我们可以使用 jQuery 的 on() 方法来为稍后创建的元素添加监听器。此方法允许我们使用选择器，而不是为每个元素都单独添加监听器。
例如，假设我们想要监听一个类为 .new-class 的元素的点击事件。我们可以使用以下代码为所有该类的元素添加监听器：
$(document).on('click', '.new-class', function(){
// 执行操作
});
这里，我们使用 on() 方法在整个文档对象上添加了一个点击事件的监听器，但是只有当我们点击类名为 .new-class 的元素时才会触发。
下面是一个示例，展示如何使用 jQuery 监听稍后创建的类的点击：
<!DOCTYPE html>
<html>
<head>
<title>jQuery 监听稍后创建的类的点击</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
$('.container').append('<button class="new-class">点击我</button>');
});
$(document).on('click', '.new-class', function(){
alert('点击事件触发');
});
</script>
</head>
<body>
<div class="container"></div>
</body>
</html>
这个例子中，我们通过 jQuery 的 append() 方法向 .container 元素中添加了一个按钮，并为它添加了类名为 .new-class。然后，我们在整个文档对象上使用 on() 方法添加了一个点击事件的监听器。当我们点击该按钮时，会触发 alert() 函数，弹出消息框。