jquery mouseenter() 방법
번역 결과:
mouse
English [maʊs] American [maʊs]
n. 쥐; 수줍음이 많은 [informal] 눈이 멍든 사람
vi 몰래 쥐를 찾아서
enter
英[ˈentə(r)] 美[ˈɛntɚ]
vt.& vi. 참여 시작;
jquery mouseenter() 방법통사론
기능: 마우스 포인터가 요소를 통과하면 mouseenter 이벤트가 발생합니다. 이 이벤트는 mouseleave 이벤트와 함께 가장 자주 사용됩니다. mouseenter() 메서드는 mouseenter 이벤트를 트리거하거나 mouseenter 이벤트가 발생할 때 실행할 함수를 지정합니다. mouseover 이벤트와 달리 mouseenter 이벤트는 마우스 포인터가 선택한 요소를 통과할 때만 트리거됩니다. 마우스 포인터가 하위 요소를 통과하면 mouseover 이벤트도 트리거됩니다. 데모를 보려면 아래 예를 참조하세요.
mouseenter 이벤트 구문: $(selector).mouseenter()
함수를 mouseenter 이벤트 구문에 바인딩: $(selector).mouseenter(function
매개변수:
Parameter | Description |
function | 선택 사항입니다. mouseenter 이벤트가 발생할 때 실행할 함수를 지정합니다.jquery mouseenter() 방법예<html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p").mouseenter(function(){ $("p").css("background-color","yellow"); }); $("p").mouseleave(function(){ $("p").css("background-color","#E9E9E4"); }); }); </script> </head> <body> <p style="background-color:#E9E9E4">请把鼠标指针移动到这个段落上。</p> </body> </html> 온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요 |