jquery - jquery动态地将选择器添加到现有函数作为监视对象

Question

作为 jquery 的新手，我想知道是否可以动态地将一个selector对象或任何对象添加到函数监视列表中（还不知道正确的术语）$(selector).function()

例如，我已经动态地向模态添加了一个取消按钮。这个按钮的id是随机的。有没有办法将它添加到下面$('#closeX', '#mask', '#RANDOM_BUTTON_ID')以执行与 closeX & mask 相同的操作？

$('#closeX, #mask').on('click', function() {
  $('#modalBox').fadeOut(300 , function() {
    $("#mask").css("display", "none");
      // code to remove dynamic button from parent
    });
   return false;
 });

Answer 1

您可以使用公共类将事件动态添加到多个控件，而不是控件的 id。将公共类分配给所有现有的和动态添加的控件，并on用于绑定事件动态添加的控件。

使用$('.commonclass')代替$('#closeX', #mask', '#RANDOM_BUTTON_ID')

HTML

  <input type="button" id="closeX" class="commonclass" />
  <input type="#mask" id="closeX" class="commonclass" />

Javascript

$('.commonclass').on('click', function() {
  $('#modalBox').fadeOut(300 , function() {
    $("#mask").css("display", "none");
      // code to remove dynamic button from parent
    });
   return false;
 });