核心提示:事件委托思想: 就是把一个子元素的事件委托给其父元素,并通过判断 事件源对象是否是该子元素 来触发该事件。什么时候会用? 当子元素是动态创建的,如果直接给子元素绑定事件时,由于静态文件先渲染完成,动态...
事件委托思想: 就是把一个子元素的事件委托给其父元素,并通过判断 事件源对象是否是该子元素 来触发该事件。
什么时候会用? 当子元素是动态创建的,如果直接给子元素绑定事件时,由于静态文件先渲染完成,动态的元素后获取到,导致动态的元素实际并未绑定成功。这时就可以通过事件委托来绑定事件。
事件委托的jQuery代码如下:
$(".father").click(function(event){ //事件绑定到父元素身上 var $target = $(event.target); //事件源对象 if($target.hasClass('child')){ //判断,或者:$target.attr('class') == 'child' $target.remove(); //删除子节点 } });
扩展:
1.购物车里的删除所有选中的商品 事件:

jQuery代码如:
$('.delete').click(function(){ $('.check').each(function(k,v){ //循环所有按钮 if($(this).is(":checked")){ //判断按钮是否选中 $(this).parent().remove(); //删除商品 } }) });