使用jq获取DOM对象的this和event.target

最新推荐文章于 2026-05-12 06:21:07 发布

原创最新推荐文章于 2026-05-12 06:21:07 发布 · 409 阅读

0 GEO检测

标签

#DOM

收录于

DOM 专栏收录该内容

10 篇文章 ¥59.90 ¥99.00

订阅专栏

本文介绍了在jQuery（jq）中如何使用`this`和`event.target`来获取当前操作的DOM对象及事件触发的目标对象。通过示例代码展示了在事件处理函数中，如何将`this`转换为jq对象，以及如何从事件对象中获取`event.target`，以实现对DOM对象的灵活操作。

在使用jQuery（简称jq）处理DOM操作时，经常需要获取当前操作的DOM对象以及事件触发的目标DOM对象。通过使用this关键字和event.target属性，可以轻松地获得这些对象。下面将详细介绍如何使用jq来实现这一功能，并提供相应的源代码。

获取当前操作的DOM对象（this）
当在事件处理函数中使用this关键字时，它将指向当前操作的DOM对象。无论是绑定了点击事件、改变事件还是其他事件，都可以使用this关键字来访问当前的DOM对象。

// 绑定点击事件
$("button").click(function()

了解本专栏

订阅专栏解锁全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

NsbiCs

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

订阅专栏

this指向和event操作以及改变this指向

weixin_52154391的博客

03-29

483

this指向和event操作以及改变this指向：this指向this是函数内部对象，默认调用功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 this指向原生js函数方法内this指向windows，要想获取操作元素本身可在方法

参与评论您还未登录，请先登录后发表或查看评论

STC15F2K60S2单片机开发环境搭建：从Keil5配置到STC-ISP烧录全攻略

最新发布

weixin_30628801的博客

05-12

310

本文详细介绍了STC15F2K60S2单片机开发环境搭建的全过程，包括Keil5配置、STC-ISP烧录及常见问题解决方案。从硬件准备到软件安装，再到工程创建与烧录设置，提供了一套完整的开发指南，帮助开发者快速上手STC15F2K60S2单片机开发。

jQuery事件绑定

m0_67388537的博客

07-07

2820

jQuery 事件对象常用属性也与之前学过的 DOM 事件对象几乎一致，多了一个。旧的 jQuery 事件绑定方法如。jQuery 允许给同一个 jQ 对象的同一个事件绑定多个不同的事件处理函数。jQuery 事件中的事件对象通过事件处理函数的形参获取，事件中的。指向绑定事件的 jQuery 对象代表的 DOM 对象，如果使用。等都可以使用第一种方式绑定事件，但也有特殊的如输入框的。方式添加的事件委托，委托事件处理函数中的。上的属性，与原生事件中的事件对象一致。jQuery 事件中的。

【Java 进阶篇】深入浅出：JQuery 事件绑定的奇妙世界

繁依Fanyi的博客

11-17

854

事件绑定是指在特定的 HTML 元素上设置一个监听器，用于捕捉用户触发的事件（比如点击、输入、鼠标移动等），并执行相应的操作。在 JQuery 中，事件绑定通常使用on方法来完成。

jQuery事件对象

原地起飞

12-14

1426

一、jQuery 事件对象 jQuery 对DOM中的事件对象 event 进行了封装，兼容性更好，获取更方便，使用变化不大。事件被触发，就会有事件对象的产生。语法：演示代码： <body> <div></div> <script> $(function() { $(document).on("click", function() { consol...

jQuery中on事件的$(this)和e.target

weixin_34128839的博客

09-21

1069

2019独角兽企业重金招聘Python工程师标准>>> ...

jq 获取dom对象this和event.target

ViolenceHK的博客

08-22

5853

几天学习Ajax,看别人在点击事件获取dom时用event.target获取,发现很多不知道的地方。一、先说说区别 1.js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素； 2.this和event.target都是dom对象，如果要使用jquey中的方法可以将他们转换为jquery对象：$(this)和$(even

event.target【转载】

weixin_34355715的博客

06-24

390

[转载] 1.this和event.target的区别：　js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素； 2.this和event.target都是dom对象，如果要使用jquey中的方法可以将他们转换为jquery对象：$(this)和$(event.target); 比如：event.target和$(eve...

this.target与this的区别及$(this.target)与$(this)比较结果的问题e

qq_27892551的博客

06-24

3457

1.event.target与this的区别 event.target表示发生点击事件的元素； this表示的是注册点击事件的元素 this 等于 e.currentTarget this是所有函数原生具有的.进入函数时,this已经直接有了目标对象. 而e.target通过e再寻找target,中转了一下。所以相比较而言，this的执行效率更高些。 2 $

关于this和e.target的异同介绍

xiaoweids的博客

08-15

146

每次触发DOM事件时会产生一个事件对象（也称event对象），此处的参数e接收事件对象。而事件对象也有很多属性和方法，其中target属性是获取触发事件对象的目标，也就是绑定事件的元素，e.target表示该DOM元素，然后在获取其相应的属性值。...

this,target,currentTarget区别讲解

chuaizepipp202729的专栏

07-19

296

event.target 说明：引发事件的DOM元素。 this和event.target的区别 js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素； this和event.target的相同点 this和event.tar...

this和e.target的异同

ysds20211402的博客

03-31

151

转自：微点阅读https://www.weidianyuedu.com 每次触发DOM事件时会产生一个事件对象（也称event对象），此处的参数e接收事件对象。而事件对象也有很多属性和方法，其中target属性是获取触发事件对象的目标，也就是绑定事件的元素，e.target表示该DOM元素，然后在获取其相应的属性值。 this和event.target的区别： js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素； .thi..

Jq中event.target 与this的区别

liuboman的博客

02-21

920

event.target表示发生点击事件的元素； this表示的是注册点击事件的元素。

this和e.target的异同浅述

ysds20211402的博客

03-20

153

浅谈jQuery使用this和event.target

筱葭的博客

03-14

716

1、this和event.target的区别： JavaScript中事件会冒泡，所以this是可以变化的，但event.target不会变化，永远是触发事件的目标DOM元素。 2、jQuery中的this和event.target this和event.target都是DOM对象。使用jQuery中的方法可以将this和event.target转换为jQuery对象：$(thi

jquery中使用event.target的几点

m0_72429728的博客

11-05

251

这是公告标题1这是公告标题2这是公告标题3这是公告标题1这是公告标题2这是公告标题3这是公告标题4

jquery中的event.target和this的区别

gztrljh

12-08

236

jQuery中event.target和this的区别 this和event.target的区别：　　1.js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远指向触发事件的DOM元素本身；　　2.this和event.target都是dom对象，使用jQuey中的方法可以将他们转换为jquery对象：$(this)和$(event.target). ...

关于this和e.target的异同

xinyuerr的博客

10-22

这是公告标题1这是公告标题2这是公告标题3这是公告标题4

jquery中如何使用event.target

lzf的博客

05-10

738

引用 1.this和event.target的区别： js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素； 2.this和event.target都是dom对象，如果要使用jquey中的方法可以将他们转换为jquery对象：$(this)和$(event.target); eg: Js代码