이벤트 리스너 추가하기

on()을 사용해서 이벤트를 추가할 수 있습니다:
    $("#save-button").on("click", function() {
       // handle click event
    });
만약 이벤트에 대한 세부정보에 접근할 필요가 있다면, 이를 콜백 함수 내부로 전달된 jQuery 이벤트 객체 내부에서 찾을 수 있습니다:
    $("#face-pic").on("click", function(event) {
       var mouseX = event.pageX;
       var mouseY = event.pageY;
    });

이벤트 유발하기

JavaScript에서 trigger를 이용해 수동으로 객체에 이벤트를 유발할 수 있습니다:
$("#save-button").trigger("click");
새로운 기능을 테스트하거나, 페이지가 로드되었을 때나 특정한 이벤트 후에 코드를 실행하고 싶을 때 유용할 수 있습니다.

DOM이 준비되었는지 확인하기

만약 브라우저가 DOM이 완전히 불려지고 준비될 때까지 JS 코드를 실행하지 않는지 확실히 하고싶다면, 코드를 ready()에 전달할 수 있습니다:
    $(document).ready(function() {
      $("h1").text("Y'all ready for this?");
    });
이것을 짧게 하려면 jQuery 함수로 코드를 전달하면 됩니다.
    $(function() {
      $("h1").text("Y'all ready for this?");
    });
이 코드는 긴 버전과 비교해서 가독성이 좋지 않기 때문에, ready() 함수를 사용하는 것을 추천합니다.
만약 JS의 내부에 <script> 태그가 페이지의 바닥에 포함되어 있다면, 브라우저가 JS를 실행하기 전까지 DOM은 완전히 준비가 되어있을겁니다. 그러나, 만약 더 확실히 하고싶다면, 항상 DOM 준비 여부를 확인하도록 선택할 수 있습니다.

이벤트 기술에 대한 추가 내용

jQuery 이벤트에 대해서 더 알아보려면, jQuery Event Basics를 읽어보세요.