jQuery | javascript | CSS
17.jQuery - One 메서드 ( 17.One )
Godffs
2009. 11. 6. 13:06
반응형
- 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반응형