반응형
- One메서드 : bind(), click() 메서드와 달리 one() 메서드는 딱 한번만 실행되고,
이벤트가 해제됨.
버튼을 클릭했을때 한번만 메세지 박스를 띄우는 예제입니다.
이벤트가 해제됨.
버튼을 클릭했을때 한번만 메세지 박스를 띄우는 예제입니다.
| 17.One.htm |
|
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>one()메서드로 한번만 실행</title> <style type="text/css"> .hover { background-color:Red;} </style> <script src="jQuery/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $("#my .hover").one("click", function() { alert('한번만 클릭'); }); }); </script> </head> <body> <div id="my"> <input type="button" id="btn" value="버튼" class="hover" /> </div> </body> </html> |
| 결과화면 |
[그림17-1] 처음 버튼 클릭하면 메세지 박스 출력. 이 후 다시 버튼 클릭시 더 이상 이벤트가 실행되지 않음 |
17.One.htm반응형
'jQuery | javascript | CSS' 카테고리의 다른 글
| 19.jQuery - Browser ( 19.Browser ) (0) | 2009.11.09 |
|---|---|
| 18.jQuery - CSS ( 18.CSS ) (0) | 2009.11.09 |
| 16.jQuery - hover 메서드 ( 16.hover ) (0) | 2009.11.06 |
| 15.jQuery - ToggleClass ( 15.ToggleClass ) (0) | 2009.11.06 |
| 14.jQuery - Toggle 메서드 토글링 ( 14.Toggle ) (0) | 2009.11.06 |
Comments