Any advantages of hover over mouseover in JQuery?
jquery
Solution
Well, `.hover()` binds two handlers for the events `mouseenter` and `mouseleave`, so it is a more convenient way and also easier to understand the purpose.
`mouseenter` differs from `mouseover` so far as `mouseenter` is not fired if the cursor is over/enters a child element of the element the handler is bound to. It is only fired once, when the cursors enters the element. `mouseover` is always fired, even if the cursor is over a child element.
The best way to see the difference is to have a look at the example of `mouseleave()`.
Furthermore, `mouseover` and `mouseout` are real JavaScript events whereas `mouseenter` and `mouseleave` are events provided by jQuery (afaik).
In the end, it depends on what you want to achieve. There is no right or wrong and all these methods have their purpose. Unless you show some code, there is not much more to say.
If you mean `:hover` in CSS and you can achieve the desired effect with it, go for it. If there is a non-JS solution for a certain problem, always choose this one.
Problem
I am fairly new to JQuery API. I have been using mouseover, but I have never used hover before. SO I am wondering if I should use hover instead.