jQuery 이벤트에서 마우스 오버의 사용법 및 정의-JS 튜토리얼-php.cn

jQuery 이벤트에서 마우스 오버의 사용법 및 정의

黄舟

풀어 주다： 2017-06-28 13:30:56

원래의

2217명이 탐색했습니다.

이 글은 jQuery의 mouseoverevent 사용법을 주로 소개하고, 마우스 포인터가 슬라이드 오버될 때의 mouseoverevent 처리 사용법을 예시로 분석하여 도움이 필요한 친구들이 참고할 수 있습니다. 기사에서는 예제 이벤트 사용과 함께 jQuery의 마우스 오버를 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

마우스 포인터가 일치하는 요소 위에 있거나 mouseover() 메서드가 호출되면 mouseover 이벤트가 트리거됩니다.

완전한 이벤트 프로세스에는 이벤트를 트리거할 수 있는 조건뿐만 아니라 이벤트 핸들러도 있어야 합니다.

이벤트 핸들러는 mouseover() 메서드를 통해 mouseover 이벤트에 바인딩될 수 있습니다. 예:

$("p").mouseover(function(){$("p").text("欢迎您！")})

로그인 후 복사

위 코드는 mouseover() 메서드를 통해 함수 함수를 이벤트 핸들러로 mouseover 이벤트에 바인딩하는 것입니다.

이 함수는 마우스오버 이벤트가 트리거될 때 호출됩니다.

예제 코드:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"/>
<meta name="author" content="http://www.jb51.net/" />
<title>mouseover事件</title>
<script type="text/
javascript
" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(
document
).ready(function(){
  $("p").mouseover(function(){
    $("p").text("欢迎您！");
  })
})
</script>
</head>
<body>
<p>原来的文字</p>
</body>
</html>

로그인 후 복사

Overview

각 일치 요소의 마우스 오버 이벤트에 핸들러 함수를 바인딩합니다.

mouseover 이벤트는 마우스가 객체 안으로 이동할 때 트리거됩니다.

Parameter

fnFunctionV1.0

일치하는 각 요소의 mouseover 이벤트에 바인딩된 핸들러 함수입니다.

[data],fn

String

,FunctionV1.4.3data:mouseover([Data], fn)은 함수 fn이 처리할 데이터를 전달할 수 있습니다.

fn: 일치하는 각 요소의 mouseover 이벤트에 바인딩된 핸들러 함수입니다.

예

설명:

마우스 포인터가 요소 위에 있을 때 요소의 배경색 변경:

jQuery 코드:

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

로그인 후 복사

위 내용은 jQuery 이벤트에서 마우스 오버의 사용법 및 정의의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!