¿Cómo agregar el evento jQuery a todos los elementos actuales y futuros?

Question

Acabo de notar que live() ya está en desuso en jQuery. Tengo una pregunta rápida (solo para asegurarme de cuál es el método más eficiente, el más rápido y el más actualizado). Tengo myfunction() y quiero bind() en todos los elementos actuales y futuros con attr("title") == 'x'.

¿Es esto lo que debe utilizar:

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

O esto:

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

O esto:

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

También estoy teniendo especificando selector de corregir el problema (s) - porque algunos de ellos permiten adjuntar evento a una cosa (como cuerpo o documento) y permiten un segundo selector.

Answer 1

Uso .on() lugar, con un attribute equals selector:

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

Answer 2

La sintaxis que reemplaza .live() es así:

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