Javascript & JQuery & CSS

Javascript & JQuery & CSS > hover(), focus(), blur()

등록일 : 2017-07-13 19:55 조회수 : 53,126

이번 장에서는 jQuery Event 중에서 hover(), focus(), blur() 에 대해서 알아보겠습니다.

1. hover()

마우스가 HTML 요소에 오버되었을때 한번 함수가 실행되고, 마우스가 HTML 요소를 떠날때 두 번째 함수가 실행됩니다.


			$("#p1").hover(function(){
				alert("You entered p1!");
				});

2. focus()
form 의 양식에 포커스를 받았을때 실행되는 함수 입니다.

			$("input").focus(function(){
				 $(this).css("background-color","#cccccc");
			});

input 박스에 포커스가 들어올때 백그라운드 색상을 바꾸라는 의미

2. blur()
form 의 양식에 포커스를 잃었을때 실행되는 함수 입니다.


			$("input").blur(function(){
				 $(this).css("background-color","#ffffff");
			});

목록으로