jquery中this与$(this)的区别

最新推荐文章于 2023-03-20 15:58:26 发布
置顶 最新推荐文章于 2023-03-20 15:58:26 发布
阅读量638 收藏
点赞数 1
本文通过实例代码详细解析了jQuery中this与$(this)的区别，指出this代表HTML元素，而$(this)则是jQuery对象，具备更多的方法如parent等。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

java的世界 2017-01-10 10:40

相信很多jquery使用者在都很熟悉this和$(this)，但是二者到底有什么区别呢，下面我们就利用代码谈谈二者的区别。

请看下图中代码 saveRule（this）方法中的thisjquery中this与$(this)的区别

obj就是this。

jquery中this与$(this)的区别

测试结果如下图：

jquery中this与$(this)的区别

总结：this就是一个html元素，他没有parent方法，$(this)是一个jquery对象，他有parent方法。

本文为头条号作者发布，不代表今日头条立场。

u011277123
关注
实例讲解JQuery中this和$(this)区别
10-25
主要介绍了实例讲解JQuery中this和$(this)的区别,this表示当前的上下文对象是一个html对象,可以调用html对象所拥有的属性和方法,$(this),代表的上下文对象是一个jquery的上下文对象,可以调用jquery的方法和属性值,...
详谈jQuery中的this和$(this)
12-02
在JavaScript和jQuery的世界里，`this` 和 `$(this)` 是两个经常被提及的关键概念，它们在处理DOM操作和事件处理中扮演着重要的角色。理解它们的区别和应用场景对于编写高效、简洁的jQuery代码至关重要。 首先，`...
jQuery中$(this)和this的区别
Limoaaa的博客
08-16 744
在此感谢原创博主大大，转载来自： http://blog.csdn.net/denghejing/article/details/28872859 jQuery中this与$(this)的区别 $("#textbox").hover(         function() {              this.title = "Test";         },         fucn
jQuery中this与$(this)的区别实例
05-28 1225
http://www.w3.org/TR/html4/loose.dtd">     this----$(this)区别            $("#dd").click(     function () {       alert("this取值："+this.value+"--"+this);//this是js中返回html对象，所以要这样用。
jquery里面的$(this)和this的区别
Jason的学习笔记
07-05 607
感谢原文作者：何少旭 原文链接：https://www.cnblogs.com/heshaoxu/p/7672736.html 前言 当你用的是jquery时，就用$(this)，如果是JS，就用this。 示例 /*JQuery*/ $(this).html( $(this).html() + " BAM! "); /*JS*/ this.innerHTML(); this.reset(); 这个里的html()是JQUERY方法，用$(this).html()，当然，JS里也有相似方法inner.
jquery中的$(this)与this的区别
jianchilu的博客
11-26 3486
     相信很多刚接触JQuery的人，很多都会对$(this)和this的区别模糊不清，那么这两者有什么区别呢？       首先来看看JQuery中的 $() 这个符号，实际上这个符号在JQuery中相当于JQuery（）,即$(this)=jquery();也就是说，这样可以返回一个jquery对象。那么，当你在网页中alert($('#id'));时，会弹出一个[object Ob...
08_jquery里面的$(this)和this都什么时候用，有什么区别
weixin_30906425的博客
10-15 282
当你用的是jquery时，就用$(this)，如果是JS，就用this $(this).html( $(this).html() + " BAM! "); 这个里的html()是JQUERY方法，用$(this).html()，当然，JS里也有相似方法innerHTML，如果用innerHTML，就要这样写了，这里的reset是JS方法，所以同上得用this.rese...
jQuery中$this和$(this)的区别介绍（一看就懂）
10-23
下面我将用简洁的语言详细讲解jQuery中$this和$(this)的区别，并通过一个具体的例子来加深理解。 首先，我们需要明确this关键字在JavaScript和jQuery中的含义。在JavaScript中，this关键字指的是当前函数的上下文...
浅谈jQuery this和$(this)的区别及获取$(this)子元素对象的方法
11-28
1.JQuery this和$(this)的区别 相信很多刚接触JQuery的人，很多都会对$(this)和this的区别模糊不清，那么这两者有什么区别呢？ 首先来看看JQuery中的 $() 这个符号，实际上这个符号在JQuery中相当于JQuery（）,即$...
jQuery中this与$(this)的区别
qq_41904629的博客
03-25 1148
1 jQuery中this与$(this)的区别 this指Dom对象或者JavaScript对象； $this是将this转化为jQuary对象，可以直接调用jQuary方法； 代码示例： var node = $('#id'); node.click(function(){ 　　this.css('display','block');　　//报错 this是一个html元素，不是jquery对象，因此this不能调用jquery 的css()
jquery this和$this的区别
m0_62360527的博客
05-17 1256
this和$this this指向的是dom对象节点，$(this)指的是jquery对象， 根据情况不同进行操作选择， dom元素操作用this jquery对象操作用$(this) <script> $(function(){ $('button').click(function(){ $('select').append("<option value=''>" + this.value +"</o
JQuery this 和 $(this) 详解
我的新书《代码精进之路：从码农到工匠》
01-24 1576
this  this 在面向对象语言中，指代调用上下文对象，在js中，也是一模一样的概念，所以不管这个this出现在什么地方，只要追踪到当前调用对象是什么，那么this是什么也就一目了然了。 先看一个简单示例 (function(){ console.log("Normal function being invoked by: "+ this); })(); 输出： Normal
JQuery中this与$(this)的用法区别，和JS中的this区别
筱筱攻程师的博客
02-19 1823
文章目录1.jquery中this与$(this)的用法区别：2.js中的this作为构造函数调用全局环境中的this局部环境中的this作用域链中的this对象中的this重写this2.jquery中的this 1.jquery中this与$(this)的用法区别： 先看以下代码: $("#textbox").hover( function() { this.title = "Test"; }, fucntion() { this.title = "OK”; } ); 说明：这里的this其实是一个
jquery中的$(this)和this
04-08 202
在jquery中，存在$(this)和this。 其中常见的是出现在事件处理函数中。 首先先来理解jquery对象。 jquery对象其实就是DOM对象的集合。 比如：$('a')[0];---------这是DOM对象。 $('a') ----------这是jquery对象。 所以jquery事件处理函数中的this指的是DOM对象。 对与prop能取到值的属性，...
this.$nextTick
weixin_42789120的博客
04-12 243
this.$nextTick写在created钩子函数才会生效？ created() { this.classMap=[‘decrease’,‘discount’,‘special’,‘invoice’,‘guarantee’]; // console.log(this.classMap[this.goods[this.item]]); this.axios.get(‘api/goods’).th...
Vue的this.$方法
qq_60458298的博客
03-20 2349
- ref 写在标签上时：this.$refs.名字 获取的是标签对应的dom元素 ref 写在组件上时：这时候获取到的是 子组件（比如counter）的引用-->获取Vue实例关联的DOM元素；vue中也是允许进行dom操作的（但是不建议）注意this.$el关联的是真实Dom，所以需要在mounted渲染真实Dom之后才可以使用了获取页面中所有含有ref属性的DOM元素（如vm.$refs.hello，获取页面中含有属性ref = “hello”的DOM元素，如果有多个元素，那么只返回最后一个）
vue中的常用的this.$..
雨声学java
03-24 4345
this：普通函数的this指向vue实例对象(相当于dom对象相当于需document) 1. 路由跳转 this.$router.push() ： this.$router.back() 区别：使用this.$router.back()不可以使用 回退，跳转到上一个页面。 2.获取DOM元素 this.$refs 一般来讲，获取DOM元素，需document.querySelector（".input"）获取这...
对于this和$(this)的理解
lelong2002huyao的专栏
09-07 594
jQuery.prototype.test= function(){ this.css("color","#099");//这里面的this为jquery对象，而不是dom对象 alert("this"+this+";this[0]:"+this[0]+";this[0].nodeName:"+this[0].nodeName); //提示当前jquery对象的dom节点名
jquery中this和$(this)的区别
05-11
在 jQuery 中，this 表示当前被选中的 DOM 元素，而 $(this) 表示当前被选中的 DOM 元素的 jQuery 对象。 具体来说，this 是 JavaScript 的关键字，代表当前执行上下文中的对象，而 $(this) 是将 this 对象转化为 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值