jQuery链实时处理程序？

Question

我在变量中保存了一些div。我想将同一个活动处理程序绑定到一堆div上。我该怎么做呢？

var div1 = $('#selecto');
var div2 = $('#matic');
var div3 = $('#hello');
$(???).live('click', function() {
   console.log('one of those divs was clicked');
});
// I tried (unsuccessfully) replacing ??? with [div1, div2, div3]

Answer 1

为什么不呢：

$('#selecto, #matic, #hello').live('click', function() {
   console.log('one of those divs was clicked');
});

Answer 2

由于的工作方式，您不能将多个jQuery对象组合在一起，然后调用.live()。你需要一个选择器。所以你也可以这样做：

$('#selecto, #matic, #hello').live('click', function() {
   console.log('one of those divs was clicked');
});

或者预先定义函数并逐个附加：

function log() {
   console.log('one of those divs was clicked');
}

div1.live('click', log);
div2.live('click', log);
div3.live('click', log);

Answer 3

由于div1已经是一个jQuery对象，您可以这样做

div1.live('click', function() {
   console.log('one of those divs was clicked');
});

在jQuery选择器$(div1)中没有换行