Is hover a jquery event?-Front-end Q&A-php.cn

Is hover a jquery event?

WBOY

Release： 2022-04-15 10:34:41

Original

2375 people have browsed it

Hover is a mouse event in jquery. The hover() method specifies two functions to be run when the mouse pointer hovers over the selected element. The first parameter specifies the function when the mouse pointer passes through the element, and the second parameter specifies the function when the mouse pointer leaves the element. Function, the syntax is "element object.hover(function, function)".

Is hover a jquery event?

The operating environment of this tutorial: windows10 system, jquery3.2.1 version, Dell G3 computer.

Is hover a jquery event?

Hover is a mouse event in jquery

The response of the page to different visitors is called an event.

Event handlers refer to methods that are called when certain events occur in HTML.

hover() method specifies two functions to be run when the mouse pointer hovers over the selected element.

Method triggers mouseenter and mouseleave events.

The mouseleave event occurs when the mouse pointer leaves the selected element.
The mouseenter event occurs when the mouse pointer passes through (enters) the selected element.

The syntax is:

$(selector).hover(inFunction,outFunction)

Copy after login

inFunction Required. Specifies the function to run when the mouseenter event occurs.

outFunction Optional. Specifies the function to run when the mouseleave event occurs.

The example is as follows:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").hover(function(){
    $("p").css("background-color","yellow");
    },function(){
    $("p").css("background-color","pink");
  });
});
</script>
</head>
<body>
<p>鼠标移动到该段落。</p>
</body>
</html>

Copy after login

Output result:

Is hover a jquery event?