Kann ich diese beiden jQuery on() Ereignisse mit einem toggle() konsolidieren?

Question

Es hat bekommt eine Art und Weise zu tun, diese in einem toggleClass() sein:

$('div').on("mouseenter", ".myButton", function(){ 
     $(this).addClass('rollOver'); 
    }); 
$('div').on("mouseleave", ".myButton", function(){ 
     $(this).removeClass('rollOver'); 
    }); 

... aber es ist innerhalb einer on(), weil die myButton dynamisch erstellt wird.

Answer 1

$('div').on("mouseenter mouseleave", ".myButton", function(){ 
     $(this).toggleClass('rollOver'); 
    }); 

Answer 2

$('div').on("mouseleave mouseenter", ".myButton", function (e){ 
    $(this).toggleClass('rollOver', e.type == "mouseenter"); 
});