JQuery 편집하기 (부분)

=== on() 메소드 ===

'''on()''' 메소드는 jQuery의 '''통합 이벤트 핸들러'''로, 모든 이벤트를 처리할 수 있다.

<syntaxhighlight lang="javascript">
// 기본 사용법
$('#myButton').on('click', function() {
    alert('클릭되었습니다!');
});

// 여러 이벤트 동시 처리
$('#myInput').on('focus blur', function(event) {
    console.log('이벤트 타입:', event.type);
});

// 이벤트 객체와 데이터 전달
$('#myButton').on('click', {name: 'John', age: 30}, function(event) {
    console.log('이름:', event.data.name);
    console.log('나이:', event.data.age);
});

// 네임스페이스 사용
$('#myButton').on('click.myNamespace', function() {
    console.log('네임스페이스 클릭');
});

// 조건부 이벤트 처리
$('#myDiv').on('click', 'button', function() {
    // myDiv 내부의 button 요소가 클릭되었을 때만 실행
    console.log('내부 버튼 클릭');
});
</syntaxhighlight>