Script | jquery live, bind, delegate 를 on 대체

페이지 정보

작성일2018-01-16 11:44 조회5,111회

본문

live()함수가 jQuery 1.9.x 부터 deprecated 되면서 live, bind, delegate함수을 on함수로 마이그레이션해야하는 이슈가 있습니다.

// Bind
$( "#members li a" ).on( "click", function( e ) {} );
$( "#members li a" ).bind( "click", function( e ) {} );

// Live
$( document ).on( "click", "#members li a", function( e ) {} );
$( "#members li a" ).live( "click", function( e ) {} );

// Delegate
$( "#members" ).on( "click", "li a", function( e ) {} );
$( "#members" ).delegate( "li a", "click", function( e ) {} );

1) on함수의경우 복수의 이벤트상태를 바인딩할수 있는 장점이 있음.
$(".foo").on({ "change" : function(){...}, "blur" : function(){...} });