jQuery on() Method

jQuery on() Method

================

용법

$(selector).on(event,childSelector,data,function,map)

selector에 event를 붙여서, 해당 이벤트가 발생하면 function 실행.

event와 function은 필수, 나머지는 선택

================

ex>

<script>

$(document).ready(function(){

    $("p").on("click", function(){

        alert("The paragraph was clicked.");

    });

});

</script>

-html-

<p>Click this paragraph.</p>

---

attach a click event to the <p> element

<P>태그 element에 click 이벤트를 붙임.

================

사례

$('input').on('change', function() {
  // Does some stuff and logs the event to the console
});

이렇게 했을때 제대로 작동하지 않을 경우,

(DOM loading과 관련된 문제인듯???)

$(document).on('change', 'input', function() {
  // Does some stuff and logs the event to the console
});

$('body').on('change', $('#id'), function() {
  // Action goes here.
});

이처럼 selector를 한단계 상위로 잡고, childSelector로 지정해서 사용.

selector는 document 보다는 특정 element를 직접 명시하는게 나음.