我是靠谱客的博主 不安小白菜,最近开发中收集的这篇文章主要介绍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来获取事件对象所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

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

评论列表共有 0 条评论

立即
投稿
返回
顶部