Jq 中的this $(this)问题

最新推荐文章于 2022-10-22 15:32:05 发布
原创 最新推荐文章于 2022-10-22 15:32:05 发布 · 3.2k 阅读 · 1 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#web前端 #jquery
本文深入解析JavaScript中的this与$(this)的区别与应用，详细讲解两者在不同场景下的行为与用途，包括插件方法内部、each方法中的具体表现，以及如何通过包装this为JQ对象以实现更便捷的JQ方法调用。

一般情况下 ，this表示的是注册点击事件的DOM元素，是DOM元素

$(this)是JQ对象，

具体分析还需要结合上下文，比如说，在插件方法内部，this指的就是当前的JQ对象，而不是DOM元素。而在each方法中，this代表的每次都是DOM元素。

我们写的var $e=$(this) 是对this进行包装，使他从DOM元素变为JQ对象，然后调用JQ方法更方便。


新手避坑指南：Vue EventBus用多了内存泄漏？手把手教你正确销毁监听
最新发布
weixin_30591551的博客
04-27 312
本文深入解析Vue EventBus内存泄漏问题，提供从原理到实战的完整销毁方案。针对Vue 2和Vue 3的不同场景，详细介绍如何正确销毁监听器，避免内存泄漏，并分享自动销毁Mixin和Composable等高级技巧，帮助开发者提升应用性能。
jQuery的基本概念以及this和${this}的使用
--=
05-11 3775
jQuery的基本概念以及this和${this}的使用
08_jquery里面的$(this)和this都什么时候用，有什么区别
weixin_30906425的博客
10-15 326
当你用的是jquery时，就用$(this)，如果是JS，就用this $(this).html( $(this).html() + " BAM! "); 这个里的html()是JQUERY方法，用$(this).html()，当然，JS里也有相似方法innerHTML，如果用innerHTML，就要这样写了，这里的reset是JS方法，所以同上得用this.rese...
jquery的$(this)使用
热门推荐
shuyuye的博客
03-03 1万+
一、this和$(this)区别  this通常是一个Html 元素，例如(textbox)，textbox有text属性。可以在textbox的事件里面引用this获取元素 $(this)通常是一个JQuery对象 ， 如： 我触发danji_jian()事件获取class为gouwuc_dan 的元素，则 寻找顺序将为this->gouwuc_shu(父节点)->gou
Java Web03：jQuery
soulmate______的博客
10-14 740
Java Web03 文章目录Java Web03jQuery介绍jQuery的初体验jQuery核心函数jQuery对象和dom对象区分DOM对象jQuery对象jQuery对象的本质jQuery对象和Dom对象使用区别Dom对象和jQuery对象互转dom对象转化为jQuery对象jQuery对象转为dom对象jQuery选择器基本选择器层级选择器过滤选择器基本过滤器内容过滤器属性过滤器表单过滤器表单对象属性过滤器元素筛选 jQuery介绍 jQuery：是JavaScript和Query(查询)，它
jq中的this属性
个人笔记
04-02 892
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jq中的this</title> </head> <body> <ul> <li>列表1</li> <li>列表2</li> <li>列表3</li> <li&gt
jq日历插件引起的思考$("ele") 和 $($("ele"))
qq_26239917的博客
04-30 395
在JQ对象里面扩展一个CalenderPlugin 写在了$.fn.extend()的参数里面 传进去一个obj,里面有个属性：CalenderPlugin，是一个匿名函数， 分析，第一个this指向谁？ 1.谁调用就指向谁 $("#date_input") 是个jq对象，也就是说，后面绑定的create,bindData都是JQ对象的属性，而不是DOM对象的属性，this----&g...
2020-08-30关于jq ajax无法获得事件对象
Sdwyrm的博客
08-30 105
关于jq ajax无法获得事件对象： 在jq中使用ajax，ajax里面的function无法使用$(this)来直接使用事件触发得到的对象。 实例： 账号：<input type="text" id="username" name="username"/> <script> $("#username").blur(function(){ var obj = $(this); $.get("/admin/register?username="+$(this).val
jq 原生动态添加元素，上传文件，给input赋值，js获取当前域名
sw_onload的博客
06-16 1123
上传文件原理是利用Input的type=“file” html <tr> <th>下单图旺铺地址 <button type="button" class="btn btn-success btn-xs | load">添加</button> <td><input type="text" class="ljinput form-control | commodity_img_link" required></td> <t
jQuery选择器this的问题
井底之蛙
04-14 3625
<br />(1)html方法属性中调用使用this<br />html代码：<br /><div> <span onclick="test(this)">aaa</span> <span>bbb</span> <span>ccc</span> <span>ddd</span> </div><br />js代码：<br /><mce:script type="text/javascript"><!-- fun
jq的onclick函数中$(this)未指向当前节点
凌云鹤YK
04-10 3290
jq的onclick函数如何指向当前节点一、问题二、解决 一、问题 //1,html中的onclick事件 <button type="submit" "deletes()">删除</button> //2,jq中获取当前点击节点$(this) function deletes(){ alert($(this).tagName); } 运行后发现返回的是undefin...
构造函数中的this与jq中的this冲突解决方法
qq_35168861的博客
10-30 414
通常我们写构造函数都是这样写 // 文件构造函数 业务类 function File(json,popupWindowShow,recordFilePath){ //这里的this是指向构造函数本身 this._json = json; //客户端传入的数据 this.popupWindowShow = popupWindowShow; this.recordFilePath = recordFilePath; } // 获取用户设置信息 File.prototype.getUser
js中this的指向问题
weixin_42201272的博客
04-03 162
1.一般调用this指向作用域内最靠近自身的对象。没有声明的话一般指向window或global。【严格模式下必须设置一个值，否则undefined】 2、箭头函数内部指向静态作用域 3、对象内调用指向对象本身 4、原型链调用指向对象本身 5、构造函数指向构造器的新对象【你的问题】 6、指向触发DOM 执行语句的时候var ldh = new Star(‘刘德华’);等于执行了以下几个步骤 var...
webpack打包jq项目$ is not defined的问题
踩坑之路
01-26 1563
问题描述 前段时间做个H5单页想着太简单就没上Vue这样的框架直接jq一把梭，然后在项目刚搭建环境时就出现了 $ is not defined的问题，经过一番检查，确认jq已经打包进项目且运行在业务代码之前，但是$就是没有挂载到window上，然后经过一番苦苦的寻找最后问题定位在了webpack上。 原因分析 本人使用的是webpack最新版本5.3.2，webpack-cli为4.2.0，因为我想要把jq单独打包成一个文件因此没有选择webpack.ProvidePlugin注入$的方法，而是把jq当成一
jq里面用this和用$(this)有什么区别
YYID6666的博客
10-20 686
1、表示对象不同：this表示的是javascript提供的当前对象，$(this)表示的是用jquery封装候的当前对象。 2、过程不同：this对象可以直接用this.style修改样式，$(this)可以使用jquery提供的方法访问样式。 比如this.style.display="none"在jquery中可以用$(this).css(“display”,“none”)实现。 扩展资料...
jQuery选择器this通过onclick传入方法以及Jquery中的this与$(this)初探，this传处变量等
kkwant的博客
09-25 9297
起初以为this和$(this)就是一模子刻出来。但是我在阅读时，和coding时发现,总不是一回事。 view plain print ? &lt;!
Jquery中的this与$(this)
aaxkn0647的博客
08-27 623
.title { font-size:14px; font-weight:bold; color:#336600; } .content { font-size:12px; padding:5px 10px 5px 10px; line-height:20px; } .broundimg { border:dotted 1px #c0c0...
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 $
JQ里的THIS与$（THIS）对象组测试来了
dageliuqing的博客
10-22 222
调用的是对象数组，而对象的数组存储的是dom对象，因此在callback函数中的this自然是dom对象了。网上有很多关于jQuery的this和$(this)的介绍，大多数只是理清了this和$(this)的指向，其实它是有应用场所的，不能一概而论在jQuery调用成员函数时，this就是指向dom对象。从上面的代码可以看出hide行数其实调用的是showHide，而传入的第一个参数this，并不是dom对象，而是jQuery对象数组，因此showHide函数通过循环此对象数组获取每一个dom对象。
JQ的基本应用
咸鱼!!!
05-23 1734
JQ的基本应用JQ的导入方式第一种方式第二种方式JQ的初步接触JQ的选择器![在这里插入图片描述](https://img-blog.csdnimg.cn/2019052316273768.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值