Question

我有这个功能：

function Any(){
  this.b1 = $("#but1")
  this.b2 = $('<div id="but2" />')
  this.func = function(){
     alert('hello')
  }
  this.b1.on('click',function(){
   this.func()
  })
  this.b2.on('click',function(){
   this.func()
  })


}

我想做这样的事情：

(this.b1, this.b2).on('click',this.close)

Answer 1

您可以使用add()

this.b1.add(this.b2).on('click',this.close);

FIDDLE

Answer 2

我会保留一系列选择器：

//code
    this.selectors = ["#but1", "#but2"];
    $(this.selectors.join(",")).on('click', this.close);
//code

Answer 3

$("#but1,#but2").on("click",function(){
this.func();
});

Answer 4

使用.on()的高级语法，您可以将听众附加到
定义和稳定的对象/选择器（this）来查找偶数动态子组件/选择器（＃but1，＃but2）
巫婆可能存在也可能不存在......或稍后出现。

this.on('click','#but1,#but2',this.close);

或者在更一般的情况下：

document.on('click','#but1,#but2', function(){ $('#my_dialog').close});

关于几个要素的一个事件

4 个答案: