经常会有这样的需求,动态添加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、通过event.type获取事件的类型 代码如下: [removed] $(function(){ $(“a”).click(function(event) { alert(event.type);//获取事件类型 //return false;//阻止链接跳转 event.preventDefault...
使用事件自然少不了事件对象. 因为不同浏览器之间事件对象的获取, 以及事件对象的属性都有差异, 导致我们很难跨浏览器使用...jQuery事件对象将不同浏览器的差异进行了合并, 比如可以在所有浏览器中通过 event.target
jQuery事件对象的属性和方法,供大家参考,具体内容如下 事件对象的属于与方法有很多,但是我们经常用的只有那么几个,这里我主要说下作用与区别 event.type:获取事件的类型 触发元素的事件类型 $("a").click...
某Html元素有onclick方法:onclick=’... //这时obj就是触发事件的对象,可以使用它的各个属性 //还可以将obj转换成jquery对象,方便选用其他元素 var $obj = $(obj); alert($obj.parent().attr(“href”));
从零开始学习jQuery (五) 事件与事件对象 40 一.摘要 40 二.前言 40 三.事件与事件对象 40 四. jQuery中的事件 43 五.常用事件函数举例 46 六.快捷事件 Event Helpers 49 七. 交互帮助方法 51 八.使用jQuery事件对象...
jQuery 对原生事件对象的修复和包装主要使用 jQuery.Event 类和 jQuery.event.fix 方法。 代码如下: jQuery.Event = function( src ) { // Allow instantiation without the ‘new’ keyword if ( !this....
this和event.target的相同点this和event.target都是dom对象,如果要使用jquey中的方法可以将他们转换为jquery对象:$(this)和$(event.target); 这使我想起了以前写的一个例子: 代码如下: //del event $(“.del”)...
有了jQuery我们将从这个噩梦中醒来, 比如在jQuery中的Event事件对象已经被格式化成所有浏览器通用的, 从前要根据event获取事件触发者, 在ie下是event.srcElements 而ff等标准浏览器下下是event.target. jQuery则...
使一个Dom对象成为一个Jquery对象很简单,通过下面一些方式(只是一部分): 代码 var a = $("#cid"); var b = $("<p>hello</p>"); var c = document.createElement("table"); var tb = $(c); 编辑本段代替body...
本文实例讲述了jQuery获取单击节点对象的方法。分享给大家供大家参考,具体如下: event.target属性: [removed] $("document").ready(function () { $(".menu").bind("click", function (event) { var ...
ifModified (Boolean) : (默认: false) 仅在服务器数据改变时获取新数据。使用 HTTP 包 Last-Modified 头信息判断。 processData (Boolean) : (默认: true) 默认情况下,发送的数据将被转换为对象(技术上讲并非字符...
处理Touch事件能让你了解到用户的每一根手指的位置,在touch事件触发的时候产生,可以通过touch event handler的event对象取到,如果基于zepto.js开发,一般是通过event.touches[0]来获取属性。
on方法可以传入childSelector指定添加事件处理函数的具体子元素,还可以传入对象格式的数据data,fn函数内部通过event.data.XXX获取具体参数。传入事件处理函数的data需要在事件绑定时就确定好,不同于trigger(...
注意:此处 this 指代的是 DOM 对象而非 jQuery 对象。 HTML 代码: <img/><img/> jQuery 代码: $("img").each(function(i){ this.src = "test" + i + ".jpg"; }); 结果: [ , <img src="test1.jpg" /> ] ---...
如下所示: 代码如下:txtSearch:文本框ID ...xObj.keyup(function(event){ //获取当前按键的键值 //jQuery的event对象上有一个which的属性可以获得键盘按键的键值 var keycode = event.which; //处理回车
getTarget:用于获取事件的目标 preventDefault:阻止事件的默认操作 getCharCode:获取例如按键事件的字符代码 用法 只需将此文件包含在 html 中的适当位置即可。 例如 <html> <head> <title&...
//获取对象的当前位置 var offset = $("#boxhandler").offset(); //$("#mtip").html("left:"+offset.left+",top:"+offset.top); //获取鼠标的当前位置 if(!e){ var e = window.event; posx = ...
JQuery事件之组织事件的发生 示例:表单验证 JQuery事件之页面框架和加载后自动执行 JQuery扩展以及自动执行函数的应用 JQuery阻止事件发生 JQuery扩展 作业 第18周 内容概要 JS正则详解 JS正则详解之验证 组件...
利用struts2和Ajax实现json对象的传输,然后实现菜单的二级联动 下面是我的 js文件原码: 代码如下: var mail={ //初始化 init:{ //初始化数据 initdata:{ did:”, ttitle:”, sendpassword:”, description:” }, /...
当上传图片的input被触发并选择本地图片之后获取要上传的图片这个对象的URL(对象URL); 把对象URL赋值给事先写好的img标签的src属性即可把图片显示出来。 在这里,我们需要了解Javascript里File对象、Blob对象和...