How to use jQuery hover() method_How to use jQuery hover() method-Common Problem-php.cn

hover() is a commonly used method in jQuery. It is used to bind two event handling functions. These two functions will be executed when the mouse pointer enters and leaves the matching element. The basic usage method is "$(selector).hover(inFunction,outFunction);".

How to use jQuery hover() method

hover() is a commonly used method in jQuery. It is used to bind two event handling functions. These two functions will be used when the mouse pointer enters and Executed when leaving the matched element. Basically, it's shorthand for mouseenter and mouseleave events.

The basic usage is as follows:

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

Copy after login

Among them:

inFunction is the function executed when the mouse pointer enters the matching element.

outFunction is the function executed when the mouse pointer leaves the matching element.

For example, suppose you want to change the background color of a

element when the mouse pointer enters it, and restore the background color when the mouse pointer leaves it, you would do this:

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

Copy after login

In this In the example, inFunction changes the background color of

to yellow, and outFunction changes it back to white. The inFunction is fired when the mouse pointer enters the

, and the outFunction is fired when the mouse pointer leaves the

The above is the detailed content of How to use jQuery hover() method. For more information, please follow other related articles on the PHP Chinese website!

Related labels：

jquery hover

source：php.cn

Previous article：Which browsers comply with w3c standards Next article：What are the advanced selectors of CSS?

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn