bind(eventType, data, listener) 메서드
- 이벤트 바인딩 할당을 위한 API
| 08.Bind.htm |
| <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>bind() 메서드로 동적으로 이벤트 부여</title> <script src="jQuery/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $('#btnClick').bind("click", function() { alert("클릭됨"); }); $('#btnClick').bind('mouseover', function() { document.getElementById('btnClick').style.backgroundColor = 'red'; }); $('#btnClick').bind("mouseout", function() { $('#btnClick').get(0).style.backgroundColor = ''; }); }); </script> </head> <body> <div id="btnClick"> 클릭하세요!!! </div> </body> </html> |
| 결과화면 |
 [그림8-1] [그림8-2] |
08.Bind.htm'jQuery | javascript | CSS' 카테고리의 다른 글
| 10.jQuery - this 이벤트 ( 10.ThisId ) (0) | 2009.11.06 |
|---|---|
| 09.jQuery - AddClass , RemoveClass ( 09.AddClassRemoveClass ) (0) | 2009.11.06 |
| 07.jQuery - DOM 요소 가져오기 ( 07.DOM ) (0) | 2009.11.06 |
| 06.jQuery - 메서드 체인 ( 06.Chain ) (0) | 2009.11.05 |
| 05.jQuery - 특정 텍스트 검색 ( 05.Contains ) (0) | 2009.11.05 |
Comments