如何将jQuery事件添加到所有当前和未来的元素？

Question

我刚刚注意到live()jQuery已经弃用了.我有一个简单的问题(只是为了确保哪种方法最有效,最快和最新).我已经拥有了,myfunction()而且我希望bind()它可以用于所有当前和未来的元素attr("title") == 'x'.

这是我应该使用的:

jQuery("???").bind("mouseup", myfunction);
jQuery("???").bind("keyup", myfunction);

或这个:

jQuery("???").delegate("???", "mouseup", myfunction);
jQuery("???").delegate("???", "keyup", myfunction);

或这个:

jQuery("???").on("mouseup", "???", myfunction);
jQuery("???").on("keyup", "???", myfunction);

我也有问题指定正确的选择器 - 因为它们中的一些允许将事件附加到一个事物(如正文或文档),并且它们允许第二个选择器.

Answer 1

使用.on()而应该用属性等于选择:

$(document).on('mouseup', '[title="x"]', myfunction);

Answer 2

替换的语法.live()是这样的:

$('#parent').on('keyup mouseup', '.children', myfunction);