`

jquery中使用event.targe和this

阅读更多

1.this和event.target的区别:

js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素;

 

2.this和event.target都是dom对象,如果要使用jquey中的方法可以将他们转换为jquery对象:$(this)和$(event.target);

分享到:
评论

相关推荐

    jQuery中event.target和this的区别详解

     2.this和event.target都是dom对象,使用jQuey中的方法可以将他们转换为jquery对象:$(this)和$(event.target). 比如,一个很简单的例子. $(event.target)指向触发事件的元素. 当点击蓝色小方框时, 蓝色小方框会变成...

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

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

    基于js中this和event 的区别(详解).docx

    3. `this`和`event.target`都是DOM对象,可以分别通过`$(this)`和`$(event.target)`转换为jQuery对象,以便利用jQuery库提供的方法。 了解这些区别后,开发者可以根据需要选择使用`this`还是`event.target`。如果...

    从零开始学习jQuery (3).

    console.log('Link clicked:', this.href); }); }); ``` 在这里,`#list`是列表的容器元素,而`'a'`是选择器,用于匹配所有的`<a>`标签。 #### 总结 通过以上内容,我们了解了jQuery中的事件处理和事件对象的...

    基于js中this和event 的区别(详解)

    - `this`和`event.target`都是DOM对象,可以转化为jQuery对象以便使用jQuery方法,例如`$(this)`和`$(event.target)`。 理解这两个概念对于编写高效且可靠的JavaScript事件处理代码至关重要。在实际开发中,选择...

    JQuery实现 图片上传.rar

    在本文中,我们将深入探讨如何使用JQuery库来实现图片上传功能。JQuery是一个轻量级、高性能的JavaScript库,它极大地简化了DOM操作、事件处理以及Ajax交互,使得图片上传这一常见需求变得简单易行。 首先,让我们...

    用标准javascript 替代jQuery.

    this.dispatchEvent(event); return this; }; ``` 同样,也可以扩展 NodeList 对象来支持这个功能。 5. **遍历和操作集合** jQuery 的 `$` 函数返回的对象支持链式操作,而原生 JavaScript 中可以使用 `Array...

    jquery中event对象属性与方法小结

    在jQuery中,`event`对象是一个非常重要的组成部分,它提供了丰富的属性和方法,用于处理和管理用户交互引发的事件。本文将对jQuery的`event`对象进行深入的讲解,帮助开发者更好地理解和运用这些功能。 首先,`...

    jQuery拖拽替换效果.zip_drop_forgetxbl_tidewad_web开发

    在jQuery中,我们可以使用`draggable()`和`droppable()`这两个插件来创建拖动源和目标区域。 1. **jQuery draggable()**: 这个方法将指定的元素变为可拖动的。开发者可以通过设置各种选项来自定义拖动行为,例如...

    jquery_api.rar_jquery_jquery api_jquery chm_jquery 例子

    - **事件委托**: 使用 `on()` 进行事件委托,如 `$("body").on("click", ".target", function() {...})`,在body上绑定事件,监听后代元素中的".target"。 ### jQuery 动画 - **淡入淡出**: `fadeIn()`, `fadeOut...

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

    需要注意的是,当使用jQuery的方法时,我们可以通过$(this)和$(event.target)将DOM元素转换为jQuery对象,从而利用jQuery提供的丰富方法和函数。 此外,在上述内容中,提供了一个简单的HTML页面示例,通过使用...

    JS和JQ的event对象区别分析

    JavaScript(简称JS)和jQuery(简称JQ)都是前端开发中常用的库,它们在处理DOM事件方面提供了便利。Event对象是处理事件时的核心,它包含了关于事件的各种信息。本篇文章将详细探讨JS和JQ中Event对象的区别,尤其...

    js框架,类似jquery

    this.value = event.target.value; } } }; ``` Angular则使用模板和数据绑定,但提供了更复杂的结构: ```html [(ngModel)]="value" (change)="handleChange($event)" /> 当前值: {{ value }} ``` ```...

    jquery 本地上传图片预览Demo

    this.on('change', function(event) { if (event.target.files && event.target.files[0]) { var reader = new FileReader(); reader.onload = function(e) { $('#preview').html('<img src="' + e.target....

    jquery需要的所有js文件

    d=d||{},c=a.Event(c),c.type=(b===this.widgetEventPrefix?b:this.widgetEventPrefix+b).toLowerCase(),c.target=this.element[0],f=c.originalEvent;if(f)for(e in f)e in c||(c[e]=f[e]);this.element.trigger(c,...

    任意拖动提示框大小的jquery弹出窗口代码

    if (event.target === this) { // 获取鼠标点击位置相对于边框的距离 resizingBorder = { top: Math.abs(event.clientY - $(this).offset().top), bottom: $(this).outerHeight() - (event.clientY - $(this)....

    JS菜单制作.rar

    此外,我们还可以通过AJAX动态加载子菜单内容,或者使用JavaScript库如jQuery、Vue.js或React来实现更复杂的交互和动画效果。例如,在jQuery中,可以使用`.slideToggle()`方法来实现滑动效果: ```javascript $('li...

Global site tag (gtag.js) - Google Analytics