| Bind.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> bind() 중 Click 이벤트는 Click 메서드 사용 </title> <style type="text/css"> .redColor { color:Red;} </style> <script src="../jquery-1[1].3.2-vsdoc2.js" <script type="text/javascript"> $(document).ready(function () { //특정 요소에 클릭 이벤트 적용 : Bind() 보다 간편 $('#mainMenu .redColor').click(function () { if (this.id == "dnk") { location.href = "http:www.dotnetkorea.com"; } else if (this.id =="va") { window.open("http://www.visualAcademy.com", "", ""); } }); }); </script> </head> <body> <div id="mainMenu"> <div id="dnk" class="redColor">닷넷 코리아 </div> <div id="va" class="redColor">비주얼 아카데미 </div> <div id="li" class="redColor">라이선스랜드 </div> </div> </body> </html> |
'.Net Project > Jquery 1.3.2' 카테고리의 다른 글
| 14장 JQuery 슬라이스 ( Slice() ) (0) | 2009.11.06 |
|---|---|
| 13장 JQuery 필터 활용 ( Filter() ) (0) | 2009.11.06 |
| 11장 JQuery ID로 DOM 속성 가져오기 (This.id) (0) | 2009.11.06 |
| 10장 JQuery 클래스 추가 (AddClass) (0) | 2009.11.06 |
| 09장 JQuery 바인딩 (Bind) (0) | 2009.11.06 |