| ThisID.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>This.id DOM id 속성 가져 오기 </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 () { $('#dnk').bind('click', function () { //[b] #dn만 다시 적용 }); //[2] mainMenu() 의 모든 항목에 대해서 Click 이벤트 적용 $('#mainMenu .redColor').bind("click", function () { //[!] this.id 로 qqnsrl if (this.id == "va") { alert("비주얼 아카데미 클릭??"); else if (this.id == li) { alert($(this).text()); //#11안에 들어 있는 텍스트 } }); }); </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' 카테고리의 다른 글
| 13장 JQuery 필터 활용 ( Filter() ) (0) | 2009.11.06 |
|---|---|
| 12장 JQuery Click 이벤트 Click 메서드로 사용 (Bind) (0) | 2009.11.06 |
| 10장 JQuery 클래스 추가 (AddClass) (0) | 2009.11.06 |
| 09장 JQuery 바인딩 (Bind) (0) | 2009.11.06 |
| 08장 DOM 요소 가져오기 (DOM) (0) | 2009.11.06 |