728x90
* 예제
| <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title> 이벤트 </title> <script src="js/jquery.js"></script> <script> $(function( ) { $(".btn1").click(function(){ $(".btn1").parent().next( ) .css({"color":"#f00"}); }); $(".btn2").on({ "mouseover focus": function() { $(".btn2").parent().next( ) .css({"color":"#0f0"}); } }); $(".btn1").off("click"); //[버튼1]에 등록된 클릭이벤트를 제거한다. $(".btn2").off("mouseover focus"); //[버튼2]에 등록된 마우스 오버, 포커스 이벤트를 제거한다. }); </script> </head> <body> <p> <button class="btn1">버튼1</button> </p> <p>내용1</p> <p> <button class="btn2">버튼2</button> </p> <p>내용2</p> </body> </html> |
'내마음대로만들어보자 > JS' 카테고리의 다른 글
| 마우스 이벤트 - click() / dbclick() 메서드 (0) | 2021.08.22 |
|---|---|
| 로딩 이벤트 - ready() / load() 메서드 (0) | 2021.08.22 |
| 강제로 이벤트 발생시키기 - trigger() 메서드 (0) | 2021.08.22 |
| 그룹 이벤트 등록 메서드 - click() / on() (0) | 2021.08.22 |
| unwrap() / wrap() / wrapAll() / wrapInner() 메소드 (0) | 2021.08.21 |
