동적으로 생성되는 element에 이벤트를 바인딩해야될 경우가 많이 있다.
예전 버전에는 live도 쓰곤 했으나, 1.7 이후부터는 on을 쓰는 방법을 권고한다.
document.ready 안에 있는 이벤트는 이미 만들어져 처음에 로드된 요소들만 이벤트가 바인딩되기때문에,
동적으로 이벤트를 바인딩할때는 이렇게 작성한다.
$(document).on("click", "input[name='test']", function() {
//do something
});
$(document).on을 이용할것!
그리고 on 메소드는 갈수록 진화하여 여러가지 장점이 있는데, 여러개의 이벤트를 주고싶을때는
이런 방식으로 깔끔하게 줄 수 있다.
$("input[name='test']").on({
"change" : function() { //do something...},
"click" : function() { //do something...},
//do something...
});
'JQuery' 카테고리의 다른 글
| prop(), attr()의 차이 (0) | 2020.11.29 |
|---|---|
| jquery 요소 추가 append, prepend, before, after (0) | 2020.11.07 |
| document.ready와 window.onload 차이 (0) | 2020.11.07 |
| JQuery radio button 제어 (0) | 2020.11.07 |
| [jquery] ajax사용시 error 확인 (0) | 2020.11.05 |
