본문 바로가기

Local Oriented/jQuery

jquery 1.4.x 나 1.5.x 에서 1.10 으로 올라오면서 주의사항

.attr() 함수는 .prop() 함수로 대체하는 것이 속편함..

.bind() .live() .delegate() 등은 .on() 으로 대체.



어떤 버튼에 파라미터로 수치를 매번 바꿔가면서 세팅하려 한다면..

.bind() 를 사용하지 말고 .attr() 를 사용 해야 함.

해당 버튼을 클릭할 때 .bin() 된 만큼 실행되기 때문.


<a id="idA">버튼A</a> 라는 DOM 이 있고,

아래와 같이 .bind() 와 .attr() 사용한다 했을 대..

.bind() 를 실행하는 횟수만큼 idA 에 이벤트가 쌓이게 되고,

.attr() 는 실행되는 횟수만큼 idA 에 이벤트가 리셋됨.

.bind() 가 3회 실행되었다면, 버튼A 를 눌렀을 때 'a' 가 3회 알림 처리되고,

.attr() 이 3회 실행되었다면, 'b' 가 1회만 알림 처리됨.


$('#idA').bind('click',function(){ // bind() 나 on() 이나 마찬가지

  alert('a');  

});


$('#idA').attr('onclick',function(){

  alert('b');  

});