| Unbind.htm |
| 간단 설명) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>동적으로 이벤트 호출 </title> <script src="../../jquery-1[1].3.2-vsdoc2.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { //[!]버튼 클릭할때 마다 호출 alert('Click'); }); //[1]Unbind() 메서드 지정하는 이벤트 해제 $('#btnUnbind').one("Click", function () { $('#btn').unbind("Click"); //바인딩 해제 }); }); </script> </head> <body> <div id="my"> <input type="button" id="btn" value="버튼" class="hover" /> <input type="button" id="btnUnbind" value="이벤트 해제" class="hover" /> </div> </body> </html> |
| Event Unbind.htm |
| 간단설명) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="../../jquery-1[1].3.2-vsdoc2.js" type="text/javascript"></script> <script> $(document).ready(function () { $("div").show().fadeOut("slow"); } $("#bind").click(function () { // could use .bind('click', aClick) instead but for variety... $("#theone").click(aClick) .text("Can Click!"); }); $("#unbind").click(function () { $("#theone").unbind('click', aClick) .text("Does nothing..."); }); }); </script> <style> button { margin:5px; } button#theone { color:red; background:yellow; } </style> </head> <body> <button id="theone">Does nothing...</button> <button id="bind">Bind Click</button> <button id="unbind">Unbind Click</button>
</body> </html> |
'.Net Project > Jquery 1.3.2' 카테고리의 다른 글
| 51장 JQueryEffect 보이기/숨기기 (FadelnFadeOut) (0) | 2009.11.12 |
|---|---|
| 50장 JQueryEffect 서버 보이기/숨기기 (ShowHide) (0) | 2009.11.12 |
| 48장 JQueryEvent 동적으로 다른 이벤트 호출 (Trigger) (0) | 2009.11.12 |
| 46장 JQueryCSS 검색된 요소 구하기 (OuterWidthAndHeight) (0) | 2009.11.11 |
| 45장 JQueryCSS 검색된 요소 구하기 (WidthHeight) (0) | 2009.11.11 |