我是靠谱客的博主 不安小白菜,这篇文章主要介绍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();
});

 

 

 

 

最后

以上就是不安小白菜最近收集整理的关于jQuery通过Event来获取事件对象的全部内容,更多相关jQuery通过Event来获取事件对象内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(122)

评论列表共有 0 条评论

立即
投稿
返回
顶部