gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Files
3920b7c4ce0e512f4a43c953928e49e4441db151
freeCodeCamp/guide/english/jquery/jquery-hover-method/index.md
S.Hale 3920b7c4ce Corrected capitalization, corrected to American spellings and typos (#30685) 
* Translate challenge subtitles and example challenge text to Spanish

* Corrected errors in syntax and punctuation

* Multiple corrections of it/s to its plus other grammar corrections

* Correction and added paragraph to CSS Flex article

* Corrected my own typo

* Corrected capitalization, American spellings and typos
2018-11-07 10:34:13 -05:00

936 B
Raw Blame History

title
title
jQuery Hover Method

jQuery Hover Method

The jquery hover method is a combination of the mouseenter and mouseleave events. The syntax is this:

$(selector).hover(inFunction, outFunction);

The first function, inFunction, will run when the mouseenter event occurs. The second function is optional, but will run when the mouseleave event occurs. If only one function is specified, the other function will run for both the mouseenter and mouseleave events. Below is a more specific example.

$("p").hover(function(){
    $(this).css("background-color", "yellow");
}, function(){
    $(this).css("background-color", "pink");
});

So this means that hover on paragraph will change its background color to yellow and the opposite will change back to pink.

More Information

More information can be found here.