/ Published in: JavaScript
다양한 형태로 jQuery를 ì´ìš©í•˜ì—¬ DOM ìš”ì†Œì— ì´ë²¤íŠ¸ë¥¼ 다는 방법
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
//The method attaching event listener. //all method is based on 'on' method. //ì—¬ê¸°ì— ë‚˜ì˜¤ëŠ” ëª¨ë“ ë©”ì†Œë“œë“¤ì€ on 메소드ì—ì„œ 파ìƒëœ 메소드임 //ëª¨ë“ íƒœê·¸ì— ì´ë²¤íŠ¸ë¥¼ 다는 것보다, ìƒìœ„íƒœê·¸ì— ì´ë²¤íŠ¸ë¥¼ ë‹¬ê³ ì´ë²¤íŠ¸ê°€ 걸리는 ì‹œì ì— ìž‘ì—…ì„ í•˜ëŠ” ê²ƒì´ ë³´ë‹¤ 효율ì ìž„ (function(){ $('h2').click(function(){ console.log("clicked"); $(this).clone(true).appendTo('body'); }); $('h2').bind('click',function(){ console.log("clicked"); $(this).clone(true).appendTo('body'); }); $('h2').on('click', function(){ console.log("clicked"); $(this).clone(true).appendTo('body'); }); $('h2').live('click', function(){ console.log("clicked"); $(this).clone().appendTo('body'); }); $('body').delegate('h2', 'click', function(){ console.log("clicked"); $(this).clone().appendTo('body'); }); $('body').on('click', 'h2', function(){ console.log("clicked"); $(this).clone().appendTo('body'); }); })();