`
dacoolbaby
  • 浏览: 1252513 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

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  
 

相关推荐

    Jquery中Event对象属性小结

    1、通过event.type获取事件的类型 代码如下: [removed] $(function(){  $(“a”).click(function(event) {  alert(event.type);//获取事件类型  //return false;//阻止链接跳转  event.preventDefault...

    jquery 事件对象属性小结

    使用事件自然少不了事件对象. 因为不同浏览器之间事件对象的获取, 以及事件对象的属性都有差异, 导致我们很难跨浏览器使用...jQuery事件对象将不同浏览器的差异进行了合并, 比如可以在所有浏览器中通过 event.target

    jQuery事件对象的属性和方法详解

    jQuery事件对象的属性和方法,供大家参考,具体内容如下 事件对象的属于与方法有很多,但是我们经常用的只有那么几个,这里我主要说下作用与区别 event.type:获取事件的类型 触发元素的事件类型 $("a").click...

    js获取事件源及触发该事件的对象

    某Html元素有onclick方法:onclick=’... //这时obj就是触发事件的对象,可以使用它的各个属性 //还可以将obj转换成jquery对象,方便选用其他元素 var $obj = $(obj); alert($obj.parent().attr(“href”));

    jQuery学习资料

    从零开始学习jQuery (五) 事件与事件对象 40 一.摘要 40 二.前言 40 三.事件与事件对象 40 四. jQuery中的事件 43 五.常用事件函数举例 46 六.快捷事件 Event Helpers 49 七. 交互帮助方法 51 八.使用jQuery事件对象...

    读jQuery之八 包装事件对象

    jQuery 对原生事件对象的修复和包装主要使用 jQuery.Event 类和 jQuery.event.fix 方法。 代码如下: jQuery.Event = function( src ) { // Allow instantiation without the ‘new’ keyword if ( !this....

    jquery 关于event.target使用的几点说明介绍

    this和event.target的相同点this和event.target都是dom对象,如果要使用jquey中的方法可以将他们转换为jquery对象:$(this)和$(event.target); 这使我想起了以前写的一个例子: 代码如下: //del event $(“.del”)...

    从零开始学习JQuery

    有了jQuery我们将从这个噩梦中醒来, 比如在jQuery中的Event事件对象已经被格式化成所有浏览器通用的, 从前要根据event获取事件触发者, 在ie下是event.srcElements 而ff等标准浏览器下下是event.target. jQuery则...

    jquery插件使用方法大全

    使一个Dom对象成为一个Jquery对象很简单,通过下面一些方式(只是一部分): 代码 var a = $("#cid"); var b = $("<p>hello</p>"); var c = document.createElement("table"); var tb = $(c); 编辑本段代替body...

    jQuery获取单击节点对象的方法

    本文实例讲述了jQuery获取单击节点对象的方法。分享给大家供大家参考,具体如下: event.target属性: [removed] $("document").ready(function () { $(".menu").bind("click", function (event) { var ...

    jquery电子文档chm

    ifModified (Boolean) : (默认: false) 仅在服务器数据改变时获取新数据。使用 HTTP 包 Last-Modified 头信息判断。 processData (Boolean) : (默认: true) 默认情况下,发送的数据将被转换为对象(技术上讲并非字符...

    zepto库中touch.js

    处理Touch事件能让你了解到用户的每一根手指的位置,在touch事件触发的时候产生,可以通过touch event handler的event对象取到,如果基于zepto.js开发,一般是通过event.touches[0]来获取属性。

    jQuery中on方法使用注意事项详解

    on方法可以传入childSelector指定添加事件处理函数的具体子元素,还可以传入对象格式的数据data,fn函数内部通过event.data.XXX获取具体参数。传入事件处理函数的data需要在事件绑定时就确定好,不同于trigger(...

    jQuery完全实例.rar

    注意:此处 this 指代的是 DOM 对象而非 jQuery 对象。 HTML 代码: <img/><img/> jQuery 代码: $("img").each(function(i){ this.src = "test" + i + ".jpg"; }); 结果: [ , <img src="test1.jpg" /> ] ---...

    jquery获得keycode的示例代码

    如下所示: 代码如下:txtSearch:文本框ID ...xObj.keyup(function(event){ //获取当前按键的键值 //jQuery的event对象上有一个which的属性可以获得键盘按键的键值 var keycode = event.which; //处理回车

    event-utility:JavaScript 事件实用程序 - tuts+ 的 Jeremy McPeak 的道具

    getTarget:用于获取事件的目标 preventDefault:阻止事件的默认操作 getCharCode:获取例如按键事件的字符代码 用法 只需将此文件包含在 html 中的适当位置即可。 例如 <html> <head> <title&...

    jQuery 弹窗对话框拖动 非插件

    //获取对象的当前位置 var offset = $("#boxhandler").offset(); //$("#mtip").html("left:"+offset.left+",top:"+offset.top); //获取鼠标的当前位置 if(!e){ var e = window.event; posx = ...

    最新Python3.5零基础+高级+完整项目(28周全)培训视频学习资料

    JQuery事件之组织事件的发生 示例:表单验证 JQuery事件之页面框架和加载后自动执行 JQuery扩展以及自动执行函数的应用 JQuery阻止事件发生 JQuery扩展 作业 第18周 内容概要 JS正则详解 JS正则详解之验证 组件...

    jquery实现下拉菜单的二级联动利用json对象从DB取值显示联动

    利用struts2和Ajax实现json对象的传输,然后实现菜单的二级联动 下面是我的 js文件原码: 代码如下: var mail={ //初始化 init:{ //初始化数据 initdata:{ did:”, ttitle:”, sendpassword:”, description:” }, /...

    基于jquery实现图片上传本地预览功能

    当上传图片的input被触发并选择本地图片之后获取要上传的图片这个对象的URL(对象URL); 把对象URL赋值给事先写好的img标签的src属性即可把图片显示出来。 在这里,我们需要了解Javascript里File对象、Blob对象和...

Global site tag (gtag.js) - Google Analytics