jquery中的event.target和this的区别

最新推荐文章于 2022-03-22 22:04:54 发布
原创 最新推荐文章于 2022-03-22 22:04:54 发布 · 236 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
https://github.com/gztrljh
本文详细探讨了jQuery中event.target和this的区别。event.target始终指向触发事件的原始DOM元素，而this则根据事件冒泡上下文可能发生变化。了解这两者的差异对于JavaScript和jQuery的事件处理至关重要。 
jQuery中event.target和this的区别
this和event.target的区别：

　　1.js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远指向触发事件的DOM元素本身；

　　2.this和event.target都是dom对象，使用jQuey中的方法可以将他们转换为jquery对象：$(this)和$(event.target).
使用jq获取DOM对象的this和event.target
NsbiCs的博客
10-10 410
通过上述方法，你可以方便地获取到当前操作的DOM对象和事件触发的目标DOM对象，从而在使用jq进行DOM操作时更加灵活和便捷。在使用jQuery（简称jq）处理DOM操作时，经常需要获取当前操作的DOM对象以及事件触发的目标DOM对象。关键字时，它将指向当前操作的DOM对象。无论是绑定了点击事件、改变事件还是其他事件，都可以使用。关键字转换为一个jq对象，从而获得当前操作的DOM对象。来获得事件触发的目标DOM对象。同样，可以根据需要对该对象进行进一步的操作。属性，可以获取事件触发的目标DOM对象。
this指向和event操作以及改变this指向
weixin_52154391的博客
03-29 483
this指向和event操作以及改变this指向：this指向this是函数内部对象，默认调用功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 this指向 原生js函数方法内this指向windows，要想获取操作元素本身可在方法
this与event.target区别
qq_40281275的博客
11-13 1186
this和event.target的区别： 1.js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远指向触发事件的DOM元素本身； 2.this和event.target都是dom对象，使用jQuey中的方法可以将他们转换为jquery对象：$(this)和$(event.target). 假设htm是<div><span></s...
jq中event.target和this的区别（主要是在防止事件冒泡）
weixin_38098192的博客
05-07 1060
1.this是动态变化的，js事件冒泡时，this也会随着发生变化。事件冒泡先触发内部事件，由内到外的执行。比如div元素里面有一个input元素，想要点击谁，谁背景颜色就变成橘色，那么我们肯一般会简单直接写成[javascript] view plain copy$("div, input").click(function () {          $(this).css("backgroun...
jQuery源码解析之你并不真的懂事件委托及target和currenttarget的区别
weixin_34289454的博客
06-08 452
前言：请先回顾下我之前写的一篇文章：JavaScript之事件委托 一、事件委托（委派）含义：在#A上绑定click事件，但是让#B触发click事件，相当于在 #B 上假绑定了 click 事件 也就是说：#B 委托了 click 事件给了 #A（在 #A 上绑定） 举例： <divid="A"style="background-color:deeppink">这是A...
Jquery event.target与this区别
weixin_42411512的博客
08-18 226
event.target 说明：引发事件的DOM元素。this和event.target的区别 js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素； this和event.target的相同点 this和event.target都是dom对象，如果要使用jquey中的方法可以将他们转换为jquery对象：$(this)和$(event.target); 这使我想起了以前写的一个例子： 1 //del event 2
jQuery中 this与event.target区别
默默无闻的码农
09-13 556
this和event.target的区别 js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素； this和event.target的相同点 this和event.target都是dom对象，如果要使用jquey中的方法可以将他们转换为jquery对象：$(this)和$(event.target); 自己接触过一
jQuery中event.target和this的区别——冒泡
cysear的专栏
04-18 2492
为什么会区分event.target  和 this  , 根本原因是， js事件会冒泡，this是会改变的，而event.target是不会改变的，是谁调用，就指向触发事件的DOM元素本身 举个栗子，比如div元素里面有一个span元素，想要点击谁，谁背景颜色就变成橘色，那么我们肯定会简单直接写成 $("div, input").click(function () {
JQuery中this和event.target的区别
denghuajie2012的博客
07-25 174
<!DOCTYPE html> <html> <head> <style> span, strong, p { padding: 8px; display: block; border: 1px solid #999; } </style> <script src="http:/...
2021-06-12 event.target的定义和它与this的区别
GAARA
06-12 923
什么是event.target.value? event 常用event(或eve,e等等)来接收事件对象 event.target 事件对象作为对象,有其属性和方法,其中target属性的作用是获取触发事件的目标,即绑定事件的元素 event.target.value 获得当前元素target属性的属性值 总结: event.value获取的是当前的(点击移动等等)事件)元素 event.target.value获取的是当前元素输入(或选择)的值 event.target和this的区别是什么? 区别:
jq 关于this与e.target区别
大洋
06-29 4386
在编写事件函数时可以传入一个event参数，even参数可以使用一个target属性如even.target用以调用，其作用是指向返回事件的目标节点（触发该事件的节点），这与this是有区别的。 在js中事件属性是会冒泡的，所以在这情况下，如果选用this，那么this是随时变化的，它指向的总是当前触发的事件，而even.target则是仅仅指向触发该事件的节点。 举例子说明： ...
浅谈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
event.target和this的区别
长河落日的博客
10-17 793
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style type="text/css"&gt; .box1{ width: 200px; h
学习JQuery的第一天（区分DOM与JQuery）（DOM与JQuery对象互相转换）
程序猿追的博客
03-22 1909
第一点 首先啥是JQuery？ jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（框架）于2006年1月由John Resig发布。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。（百度百科的哈，不是自己说的） 下载安装JQuery 首先打开这个
Jquery对象与DOM对象之间的些许区别与联系
J_aSON_的博客
07-21 825
一.Jquery跟DOM有什么区别？ 1.JQuery是JQuery对象，而DOM是原生JS的对象。 2.JQuery的顶级元素是$，而DOM的顶级元素是window。 3.根据JQuery获取的对象就是JQuery对象，根据原生JS获取的对象就是DOM对象。 4.JQuery对对象的操作不能用在DOM上，DOM中对对象的操作不能用在JQuery上。 5.JQuery对象本质：利用$对DOM对象包装后产生的对象（伪数组形式存储）。 二.操作DOM的常见方法. document.getElementById(
jquery中使用event.targe和this
06-15 172
1.this和event.target的区别： js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素；   2.this和event.target都是dom对象，如果要使用jquey中的方法可以将他们转换为jquery对象：$(this)和$(event.target);...
【前端】原生event对象和jquery event对象的区别
weixin_33946020的博客
12-30 290
标准DOM event对象转换成 jQuery event对象 $(event) jQuery event对象转换成 标准DOM event对象 event.originalEvent 转载于:https://www.cnblogs.com/forzhaokang/p/6235834.html
jquery 关于event.target使用的几点说明介绍
荒的博客
07-18 4736
event.target 说明：引发事件的DOM元素。 this和event.target的区别 js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素； this和event.target的相同点 this和event.target都是dom对象，如果要使用jquey中的方法可以将他们转换为jquery对象：$(
javascript event对象 与 jquery event 解析
weixin_34004576的博客
08-02 124
2019独角兽企业重金招聘Python工程师标准>>> ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值