<div class="dynamic"></div>
>>> $('.dynamic').bind('click', function() { alert(11); return false;}); #通过return false阻止冒泡
Object[div.dynamic]
>>> $(document).delegate('a', 'click', function() { alert(22); });
Object[Document/2.0/test_jquery/]
>>> var a = $('<a href="http://www.sina.com.cn">sina</a>')
undefined
>>> a.appendTo($('.dynamic')[0])
Object[a]
单击<a>只弹出11
>>> $(document).delegate('a', 'click', function() { alert(22); });
Object[Document /2.0/test_jquery/]
>>> var a = $('<a href="http://www.sina.com.cn">sina</a>')
undefined
>>> a.appendTo($('.dynamic')[0])
Object[a]
单击<a>弹出22
>>> $(document).on('click', 'a', function() { alert(22); });
Object[Document/2.0/test_jquery/]
>>> var a = $('<a href="http://www.sina.com.cn">sina</a>')
undefined
>>> a.appendTo($('.dynamic')[0])
Object[a]
>>> $(document).off('click', 'a');
Object[Document/2.0/test_jquery/]