Come aggiungere evento jQuery a tutti gli elementi attuali e futuri?

Question

Ho appena notato che live() è già deprecato in jQuery. Ho una domanda veloce (solo per accertarmi quale sia il metodo più efficiente, più veloce e aggiornato). Ho myfunction() e voglio bind() per tutti gli elementi attuali e futuri con attr("title") == 'x'.

E 'questo quello che dovrei usare:

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

O questo:

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

O questo:

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

Inoltre sto avendo problemi specificando corretta selettore (s) - perché alcuni di essi consentono di allegare eventi a una cosa (come corpo o documento) e consentono il secondo selettore.

Answer 1

Usa .on() invece, con una attribute equals selector:

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

Answer 2

La sintassi che sostituisce .live() è come questo:

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