经常会有这样的需求,动态添加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来获取事件对象内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复