A quick look in the jQuery source is always a good start:
hover: function(fnOver, fnOut) {
return this.mouseenter(fnOver).mouseleave(fnOut);
}
On May 22, 9:28 pm, Mattsson <carol.matts...@gmail.com> wrote:
> Hello, I'm very new to jQuery and trying out some of the tutorials.
> In this tutorial,http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery
> there is an
> exercise:http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery
> and I have a question about this snipped of code:
>
> $(document).ready(function() {
> $("#orderedlist li:last").hover(function() {
> $(this).addClass("green");
> },function(){
> $(this).removeClass("green");
> });
> });
>
> As described in the tutorial, this code will add and remove the green
> class when the user hovers the li element, but only on the last
> element in the list.
>
> The hover works as we'd want it to: the removeClass isn't executed
> until the hover ends.
>
> My question is: Why is the execution of the removeClass delayed until
> the hover ends?
>
> I'm interested in the answer at this early stage of my learning
> because I think knowing the answer will help me understand how jQuery
> executes.
>
> Thanks,
> Carol
