.hover (handlerIn, handlerOut)

수다왕

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

· 8년 전 · 조회 1421 1421

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

이 .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에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
5096	PHP	AWS Lightsail 의 PHP 8 버전에서 SSH2 서비스 사용하기 [3]	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1508
5095	JavaScript	for 문으로 유사패턴 태그 만들기 [4]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	2137
5094	JavaScript	with 블럭 사용하기 [17]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	2056
5093	기타	4 lines of CSS for a vertical responsive slideshow [3]	엑스엠엘 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1420
5092	JavaScript	event listeners 찾기 [3]	엑스엠엘 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1966
5091	기타	그누보드 첨부파일에서 중간에 파일을 지웠을 때, 재정렬 하기	레드불355 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1327
5090	기타	[그누보드] 그누보드 게시판 전체와 해당글 리스트 불러오기 [4]	레드불355 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	2260
5089	웹서버	Amazon linux2 에 REMI 저장소를 사용하여 PHP 8.1 버전 설치하기 [5]	SIR개발팀 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	3340
5088	JavaScript	자바스크립트 for length / for in / for of [6]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	2068
5087	기타	보드 설치후 메인이 정상이 아닌 원인이 뭔지요.	한길은 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1668
5086	웹서버	AWS사용시 추가 계정 생성하여 PUTTY에 접속하는 방법	SIR개발팀 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1714
5085	node.js	이지코드, ezcode.kr vue로 웹사이트 만들기 강좌 공유	붉은바람 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1657
5084	JavaScript	javascript 라이브러리 로다쉬 - 배열,객체, 문자열 관련 유용한 라이브러리	DogFoot개발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1458
5083	웹서버	그누보드 개발환경 설치 기초편 ( nginx + db + php + 그누보드 설치) [3]	DogFoot개발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	2996
5082	JavaScript	javascript 자바스크립트 하루 전/후 날짜 구하기 다음달 이전달 구하기 내년 작년 날짜 구하기 [3]	DogFoot개발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	4034
5081	JavaScript	상위요소 찾기 노드 [3]	DogFoot개발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	2104
5080	JavaScript	자바스크립트 로컬스토리지 사용법 localStorage ( javascript localStorage ) [3]	DogFoot개발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	2448
5079	기타	윈도우11 익스플로러 11 모드 설정 ie11 ( Internet Explorer ) [4]	DogFoot개발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	2500
5078	OS	서버 이전시 scp(ssh) 가 허용되지 않은 경우 백업 처리 [1]	솔그루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1657
5077	웹서버	ubuntu에서 redis설치 와 php redis확장 모듈 설치 Redis Extension	DogFoot개발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1732
5076	기타	[개발환경] VirtualBox ubuntu 21 에서 windows 10, 11 공유폴더 설정	DogFoot개발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1538
5075	기타	GIT 클라이언트 소개 합니다.	DogFoot개발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1682
5074	기타	postman [4]	퀀텀리프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	2295
5073	기타	테마 및 전역변수 감추기 [1]	XIES 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	2568
5072	웹서버	API 제작시, Json Body 로 받는 데이타 배열로 변환해서 쓰기 [2]	솔루션모아 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	2245
5071	웹서버	클라우드플레어의 SSL/TLS 암호화 모드 가변을 "가변"으로 사용시 [5]	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	3241
5070	PHP	G5_SERVER_TIME 오늘, 내일 추가 [5]	울라프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	3201
5069	웹서버	데스크탑에서 나스 쉽게 켜기 [2]	울라프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	2438
5068	기타	2021년 CSS프레임워크 9가지 소개입니다 [3]	mind7 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	3020
5067	기타	[Mariadb] 10.7.0 버전에 새로 생긴 natural_sort_key() [6]	DogFoot개발 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	2691