在$ .AJAX加载的HTML上使用Jquery选择器？
在$ .AJAX加载的HTML上使用Jquery选择器，可以使用事件委托的方式来实现。事件委托是指将事件监听器添加到一个父元素上，而不是直接添加到具体的元素上。这样，即使新添加的元素没有事件监听器，也可以在事件冒泡到父元素时触发事件处理函数。
例如，假设我们有一个HTML文件，其中包含一个按钮，点击该按钮后，会通过AJAX加载一个新的HTML文件，并将其插入到页面中。我们希望在新加载的HTML中的所有按钮上添加事件监听器。
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<button id="load-button">加载HTML</button>
<div id="content"></div>
<script>
$(document).ready(function() {
// 给按钮添加事件监听器
$('#load-button').click(function() {
// 通过AJAX加载HTML文件
$.ajax({
url: 'new-content.html',
success: function(data) {
// 将新的HTML插入到页面中
$('#content').html(data);
// 给新的HTML中的所有按钮添加事件监听器
$('#content').on('click', 'button', function() {
alert('按钮被点击');
});
}
});
});
});
</script>
</body>
</html>在上面的例子中，我们使用$('#content').on('click', 'button', function() {...});来给新加载的HTML中的所有按钮添加事件监听器。这样，即使新添加的按钮没有事件监听器，也可以在点击时触发事件处理函数。
相关·内容
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
