Wie fügt man allen aktuellen und zukünftigen Elementen das jQuery-Ereignis hinzu?

Question

Ich habe gerade festgestellt, dass live() in jQuery bereits veraltet ist. Ich habe eine kurze Frage (nur um sicherzustellen, welche Methode am effizientesten, am schnellsten und aktuellsten ist). Ich habe myfunction() und ich möchte bind() es zu allen aktuellen und zukünftigen Elementen mit .

Ist das, was soll ich verwenden:

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

Oder diese:

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

Oder diese:

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

ich auch Problem Angabe richtigen Wähler mit (s) - weil einige von ihnen es erlauben, Ereignisse an eine Sache anzuhängen (wie Körper oder Dokument) und sie erlauben einen zweiten Selektor.

Answer 1

Verwenden .on() stattdessen mit einem attribute equals selector:

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

Answer 2

Die Syntax, die .live() ersetzt ist wie folgt:

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