概述
经常会有这样的需求,动态添加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来获取事件对象所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复