.on(events[,selector][,data],function)
2022. 1. 4. 11:19ㆍStudy/jQuery
.on(events[,selector][,data],function)
.on() 메서드는 .bind() 메서드와 마찬거지로 이벤트 핸들러를 등록하기 위하여 사용되는 메서드이다. on() 메서드는 동적으로 생성될 요소에 대해서도 이벤트 처리가 가능하다.
<body>
<button id="create">new</button>
<div></div>
</body>$(function(){
$('#create').on('click', function(){
$('div').html('<button id="newButton">ok</button>');
});
$('body').on('click', '#newButton', function(){
console.log('click');
});
})
참고:)
https://xianeml.tistory.com/71
jQuery 제이쿼리 이벤트, Ajax 비동기 처리
🎯 자바스크립트 라이브러리 jQuery 이벤트 처리와 Ajax 비동기 처리 방법을 알아본다. jQuery 기본 Event .ready(function) HTML문서의 모든 DOM요소들이 완벽하게 사용할 준비가 되면 호출되어 function함수
xianeml.tistory.com
'Study > jQuery' 카테고리의 다른 글
| jQuery 셀렉터, 요소 복사 및 잘라내기 (0) | 2022.01.11 |
|---|---|
| 영역의 크기 메소드 (0) | 2022.01.11 |
| Ajax로 불러온 엘리먼트의 이벤트가 작동 하지 않을때 (0) | 2021.12.31 |
| jQuery Swiper (0) | 2021.12.27 |
| jQuery scroll 스크롤 끝을 확인하는 방법 (0) | 2021.12.21 |
