[jQuery]addClass() : 스타일 추가 [removeClass()]
개발관련/jQuery 2012. 3. 12. 18:03 |1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | <style type= "text/css" > .yellow { background-color:Yellow; border:1px solid red; } </style> <script src= "js/jquery-1.3.2-vsdoc2.js" type= "text/javascript" ></script> <script type= "text/javascript" > //[!] 마우스 오버시 yellow 스타일 적용, 아웃시 yellow 스타일 해제 $(document).ready( function () { $( '#btnClick' ) .bind( 'mouseover' , function () { $( '#btnClick' ).addClass( 'yellow' ); }) .bind( 'mouseout' , function () { $( this ).removeClass( 'yellow' ); }); }); </script> <div id= "btnClick" > 마우스를 올려보세요~ </div> |
마우스를 올려보세요~
'개발관련 > jQuery' 카테고리의 다른 글
[jQuery]bind() 중 click 이벤트는 click()메서드로 사용 (0) | 2012.03.12 |
---|---|
[jQuery]this.id로 DOM 요소의 id 속성 가져오기 (0) | 2012.03.12 |
[jQuery]bind() 메서드로 동적으로 이벤트 부여 (0) | 2012.03.12 |
[jQuery]DOM 요소 가져오기 (0) | 2012.03.12 |
[jQuery]메서드 체인 (0) | 2012.03.12 |