Jquery 如何将onclick事件永久绑定到类的元素

Jquery 如何将onclick事件永久绑定到类的元素,jquery,Jquery,我可以将onclick事件附加到函数 $(".options").click(function(){ alert($(this).val())}) 但是,.options元素始终基于用户交互被替换。如何设置它,以便每次创建.option元素时不必执行此语句?快速回答:使用事件委派 $(document).on('click', '.options', function() { alert($(this).val()); }); 更长的回答:如上所述,但是尽可能将委派目标附加到文档树的

我可以将onclick事件附加到函数

$(".options").click(function(){ alert($(this).val())})

但是,
.options
元素始终基于用户交互被替换。如何设置它,以便每次创建
.option
元素时不必执行此语句?

快速回答:使用事件委派

$(document).on('click', '.options', function() {
    alert($(this).val());
});
更长的回答:如上所述,但是尽可能将委派目标附加到文档树的最下面,而不冒被删除的风险(或最接近添加选项的位置),而不是简单地
文档
;这样做可以确保单击事件不会针对页面上的所有单击命中委派目标

$('some existing element').on('click', '.options', function() {
    alert($(this).val());
});

你能给我一些文件吗?
某些现有元素是否可以成为类而不是id?当然,您甚至可以针对多个元素;请注意,单击处理程序将附加到您指定的每个元素,因此请将元素数保持在最小值。