将独特的jQuery事件处理程序委托给子元素

Question

Mootools具有以下语法，用于将唯一事件处理程序委托给使用不同事件类型的给定父元素的子元素。 jQuery中是否存在类似的语法？我试图避免为每个要附加元素的元素编写一个单独的案例。

$('myElement').addEvents({ 
    // monitor an element for mouseover 
    mouseover: fn, 
    // but only monitor child links for clicks 
    'click:relay(a)': fn2 
}); 

我传递，这基本上是说更感兴趣的是第二项“如果我在一个锚点击#myElement内，调用这个函数。”我可以轻松地在这个列表上扩展，以便使用我想要的任何事件向其他孩子添加更多独特的事件处理程序。

Answer 1

我能想到的最接近的是on()：

$('#myElement').on('mouseover', 'a', function(){ 
     // do something when an a element within the '#myElement' element is moused-over 
    }); 

还有delegate()，达到大体相同，但使用稍有不同的语法：

$('#myElement').delegate('a', 'mouseover', function(){ 
    // do something when the 'a' within the '#myElement' element is moused-over 
}); 

JS Fiddle demo。

参考文献：

• delegate()。
• on()。