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").click(); $(".btn2").trigger("mouseover"); }); </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' 카테고리의 다른 글
| 로딩 이벤트 - ready() / load() 메서드 (0) | 2021.08.22 |
|---|---|
| 이벤트 제거 - off() (0) | 2021.08.22 |
| 그룹 이벤트 등록 메서드 - click() / on() (0) | 2021.08.22 |
| unwrap() / wrap() / wrapAll() / wrapInner() 메소드 (0) | 2021.08.21 |
| replaceAll() / replaceWith() 메서드 (0) | 2021.08.21 |
