$(document).on('hover', 'img', function() { console.log(1) }, function() { console.log(2) });
$("img").on({ mouseover: function(){ console.log(1) }, mouseout: function(){ console.log(2) } })
<div id="div" style="width: 200px; height: 200px; background: green;"> <div style="width: 100px; height: 100px; background: red;"></div> </div> <script src="http://code.jquery.com/jquery.min.js"></script> <script> $(document).ready(function() { $('#div').hover(function() { console.log(1); }, function() { console.log(2); }); }); </script>