>  기사  >  웹 프론트엔드  >  hover는 jquery 이벤트인가요?

hover는 jquery 이벤트인가요?

WBOY
WBOY원래의
2022-04-15 10:34:412387검색

hover는 jquery의 마우스 이벤트입니다. hover() 메소드는 마우스 포인터가 선택된 요소 위에 있을 때 실행할 두 가지 기능을 지정합니다. 첫 번째 매개변수는 마우스 포인터가 요소를 통과할 때의 기능을 지정하고, 두 번째 매개변수는 마우스 포인터가 요소를 떠날 때의 기능을 지정합니다. . 함수, 구문은 "element object.hover(function, function)"입니다.

hover는 jquery 이벤트인가요?

이 튜토리얼의 운영 환경: windows10 시스템, jquery3.2.1 버전, Dell G3 컴퓨터.

hover는 jquery 이벤트입니다.

hover는 jquery의 마우스 이벤트입니다.

다른 방문자에 대한 페이지의 반응을 이벤트라고 합니다.

이벤트 핸들러는 HTML에서 특정 이벤트가 발생할 때 호출되는 메서드를 참조합니다.

hover() 메서드는 마우스 포인터가 선택한 요소 위에 있을 때 실행될 두 가지 함수를 지정합니다.

메소드는 mouseenter 및 mouseleave 이벤트를 트리거합니다.

  • mouseleave 이벤트는 마우스 포인터가 선택한 요소를 떠날 때 발생합니다.

  • mouseenter 이벤트는 마우스 포인터가 선택한 요소를 지나갈 때(들어갈 때) 발생합니다.

구문은 다음과 같습니다.

$(selector).hover(inFunction,outFunction)

inFunction이 필요합니다. mouseenter 이벤트가 발생할 때 실행할 함수를 지정합니다.

outFunction 선택사항. mouseleave 이벤트가 발생할 때 실행할 함수를 지정합니다.

예제는 다음과 같습니다.

<!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>

출력 결과:

hover는 jquery 이벤트인가요?

추천 관련 동영상 튜토리얼: jQuery 동영상 튜토리얼

위 내용은 hover는 jquery 이벤트인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.