jQuery通过Event来获取事件对象

经常会有这样的需求，动态添加HTML或者是动态删除HTML。

那么在动态删除HTML对象的时候，我们经常需要获取到目标的HTML对象，才能删除。

 

当然，我们可以在事件触发的时候给对象传递一个参数。

但是这样做太过复杂，而且代码不好维护。

 

所以我们可以通过充分使用event和$(this)对象。

 

1.this和event.target的区别：

js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，

它永远是直接接受事件的目标DOM元素；

 

2.this和event.target都是dom对象，如果要使用jquey中的方法可以将他们转换

为jquery对象：$(this)和$(event.target);

比如：event.target和$(event.target)的使用：

$('.delButton').click(function(e){
        //alert($(e.target).html());
        alert($(this).parent().html());	
        $(this).parent().parent().remove();
});

 

 

 

 

评论

1 楼 yan578351314 2015-07-28