.hover (handlerIn, handlerOut)

수다왕

프로필 보기 이 회원 글보기 이 회원의 댓글보기

· 8년 전 · 조회 1420 1420

설명 : 일치하는 요소에 두 개의 핸들러를 바인딩하여 마우스 포인터가 요소에 들어갔을 때 실행됩니다.

이 .hover()메서드는 양쪽 mouseenter및 mouseleave이벤트에 대한 처리기를 바인딩 합니다. 마우스를 요소 내에 사용하는 동안 요소에 비헤이비어를 적용하는 데 사용할 수 있습니다.

전화 $( selector ).hover( handlerIn, handlerOut )는 다음과 같이 단축됩니다.

1
$( selector ).mouseenter( handlerIn ).mouseleave( handlerOut );
에 대한 토론을 참조 .mouseenter()하고 .mouseleave()자세한 내용을.

예 :
특수 스타일을 추가하여 위에 놓은 항목을 나열하려면 다음을 시도하십시오.

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>hover demo</title>
<style>
ul {
margin-left: 20px;
color: blue;
}
li {
cursor: default;
}
span {
color: red;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

<ul>
<li>Milk</li>
<li>Bread</li>
<li class="fade">Chips</li>
<li class="fade">Socks</li>
</ul>

<script>
$( "li" ).hover(
function() {
$( this ).append( $( "<span> ***</span>" ) );
}, function() {
$( this ).find( "span:last" ).remove();
}
);

$( "li.fade" ).hover(function() {
$( this ).fadeOut( 100 );
$( this ).fadeIn( 500 );
});
</script>

</body>
</html>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
5066	기타	[mariadb] 10.6 버전에 추가된 json_table 함수	DogFoot개발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1819
5065	PHP	DB 세션 핸들링 [2]	DogFoot개발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1529
5064	PHP	혹시 뭐가 잘못되었는지 봐주실수 있나요?? [2]	happyl 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1916
5063	node.js	c++로 만들어진 코드를 바인딩하기 [1]	DogFoot개발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1674
5062	node.js	express이용하여 간단하게 api 서버 만들기 [1]	DogFoot개발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1693
5061	node.js	Redos ( Regular expression Denial of Service ) 대응관련 모듈	DogFoot개발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1414
5060	node.js	Mac os에서 nvm + node 설치편	DogFoot개발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1254
5059	node.js	nvm설치 + nodejs 설치	DogFoot개발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1250
5058	기타	[mariadb]자연어검색	DogFoot개발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	2697
5057	웹서버	ubuntu 20.0 php 8.0 + nginx 설치	DogFoot개발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	2726
5056	MySQL	adminer를 이용하여 Table Data 다운로드 하기	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1504
5055	기타	그누보드5에서 소셜로그인, 소셜댓글 사용시 트위터 프로젝트 앱 설정하기	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1435
5054	OS	AWS Lightsail 에서 PHP5.x 버전 설치하기	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	2069
5053	웹서버	AWS Lightsail 에서 PHP8 빠르게 설치하기 [9]	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	3631
5052	OS	opendkim 설치	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	2423
5051	PHP	PHP에서 aws cli 를 이용하여 Lambda 함수 생성하기 [4]	편리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	2187
5050	웹서버	apache log 에 접속자의 cookie 정보를 포함하지 않도록 설정하기	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1720
5049	MySQL	INSERT IGNORE INTO `user` (field1, field2, ..., fieldn) SELECT field1, field2, ..., fieldn WHERE user = 'user_id';	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1899
5048	OS	rsync 실행시 password(암호) 묻지 않기 [2]	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	2704
5047	PHP	vscode 에서 AWS Lightsail 인스턴스에 접속하기 [10]	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	4374
5046	MySQL	WHERE Clasuse 사용해서 특정 조건의 데이타를 가지고 와 HTML Table로 출력하기 [1]	김철용 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1819
5045	MySQL	PHP Mysql Databae - INSERT INTO Multiple Records, 데이타베이스에 여러개 데이타입력하기 [2]	김철용 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1943
5044	MySQL	MariaDB 에서 open_files_limit 변경하기 [1]	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	4134
5043	MySQL	SELECT data FROM TABLE 유튜브 영상입니다. [1]	김철용 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1891
5042	기타	[Selenium] proxy를 사용하지 않고 개발자도구에서 Network 탭의 로그를 얻기	Innisfree 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	2635
5041	MySQL	PHP Mysql Database - INSERT INTO [2]	김철용 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1998
5040	MySQL	PHP Mysql Database - CREATE TABLE	김철용 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1725
5039	MySQL	PHP Mysql Database - CREATE DATABASE	김철용 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1499
5038	MySQL	PHP Mysql Database - Mysql CONNECT	김철용 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1336
5037	OS	rsync, lsyncd 를 이용한 서버 동기화 [9]	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	4432