📅 最后修改于: 2023-12-03 15:02:15.953000 🧑 作者: Mango
在 JQuery 中，我们可以使用选择器来选择元素。但是，如果你想要选择一个动态生成的元素，该怎么办呢？
通常情况下，我们可以在文档加载完毕后使用选择器来选择元素。但是，如果你的元素是在页面加载后通过 JavaScript 动态生成的，那么这种方法就不适用了。
在这种情况下，我们可以使用 .on() 方法来选择动态生成的元素。.on() 方法可以处理动态元素的事件。
以下是使用 .on() 方法选择动态元素的示例代码：
$(document).on('click', '.dynamic-element', function() {
// your code here
});
上面的代码将会选择所有的 .dynamic-element 元素，并在它们上面绑定一个点击事件。无论你何时生成这个元素，点击事件都会被正确地绑定。
以下是一个简单的使用示例：
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<div id="container">
<button id="add-button">Add Element</button>
</div>
<script type="text/javascript">
$(document).ready(function() {
$('#add-button').click(function() {
$('#container').append('<div class="dynamic-element">Dynamic Element</div>');
});
$(document).on('click', '.dynamic-element', function() {
alert('You clicked a dynamic element!');
});
});
</script>
</body>
</html>
这个示例包含了一个按钮，当你点击这个按钮时，会在 #container 元素中添加一个 .dynamic-element 元素。通过 .on() 方法，我们为 .dynamic-element 元素绑定了一个点击事件。
通过使用 .on() 方法，我们可以轻松地选择动态生成的元素，并为它们绑定事件。如果你需要选择动态元素，请使用 .on() 方法来进行操作。