jQuery Forum

It works because jQuery makes it work.

You are correct in that the native mouseenter event - in those browsers that currently have it implemented - does not bubble up the DOM. So if you were using native javascript you would not be able to do what your code above does. But because you are using jQuery, you can!

jQuery mouseenter/mouseleave events do NOT bubble (sorry, wizzud, you're wrong), otherwise they'd be no different from mouseover/mouseout. Just to be sure, I've tried your code and it doesn't bubble, indeed. You must have a problem somewhere else. What did you expect this code to do?

Not sure if still relevant but note you did NOT attach event handlers to ul; you used delegated event handler that looks for all elements with class `item` inside `ul`s. If you wrote `$("ul").on("mouseenter", function() {...});` instead of `$("ul").on("mouseenter", ".item", function() {...});`, nothing would happen when you move between `li`s.