当前位置：移动技术网 > IT编程>开发语言>Jquery > JQuery this和$(this)的区别

JQuery this和$(this)的区别

2018年08月21日 | 移动技术网IT编程 | 我要评论

this其实是一个html 元素。

$this 只是个变量名，加$是为说明其是个jquery对象。

而$(this)是个转换，将this表示的dom对象转为jquery对象，这样就可以使用jquery提供的方法操作。

先来看看jquery中的 $() 这个符号，实际上这个符号在jquery中相当于jquery（）,即$(this)=jquery();

也就是说，这样可以返回一个jquery对象。那么，当你在网页中alert($('#id'));时，会弹出一个[object object ]，这个object对象，也就是jquery对象了。

那么，我们再回过头来说$(this)，这个this是什么呢？假设我们有如下的代码：

$("#desktop a img").each(function(index){

            alert($(this));  //结果为：[object object ]

            alert(this);　　　　//结果为：[object htmlimageelement] 

　　　　　　this.addclass('filed_name');  

     　　//结果会报错，说没有addclass这个方法，
　　　　//原因就是这里的this只是一个html元素，html元素是不可能有addclass方法的
　　　　//所以要写成: $(this).addclass('filed_name');

}

也就是说，后者返回的是一个html对象(本例中是遍历html的img对象，所以为htmlimageelement)。

很多人在使用jquery的时候，经常this.attr('src'); 这时会报错“对象不支持此属性或方法”，这又是为什么呢？其实看明白上面的例子，就知道错在哪里了：很简单，this操作的是html对象，那么，html对象中怎么会有val()方法了，所以，在使用中，我们不能直接用this来直接调用jquery的方法或者属性。

您可能感兴趣的文章:

如对本文有疑问，点击进行留言回复！！

VScode中的react自动补全标签代码及黄色or红色警告

解决在vscode中react标签代码不提示的问题：1、作为一个刚开始的react小白，一定有vscode中标签... [阅读全文]
荐 jquery层次选择器

jquery层次选择器按照我个人的习惯，还是先放上总的内容，然后再开始一个一个攻克。常用的几种(概述)：1.派生... [阅读全文]
关于React处理input的方法和多个input共用一个方法（不用jQuery）

关于React处理input的方法和多个input共用一个方法（不用jQuery）前言：笔者目前是一家公司的前... [阅读全文]
Jquery绑定事件及动画效果

绑定事件bind（type，data，fuc）one(type,data,fuc) //只执行一次常见事件类型名... [阅读全文]
荐 jQuery文档阅读笔记自整理——1.6w字笔记

文章目录一、jQuery 基本用法1. 入口函数的写法2. jQuery 的冲突问题3. 核心函数4. 对象5.... [阅读全文]
荐 jQuery框架（四）：动画效果

文章目录1、显示、隐藏动画（1）显示（2）隐藏（3）实现点击按钮显示、隐藏盒子（4）开关式显示隐藏动画2、滑入、... [阅读全文]
jQuery操作DOM对象的方法

# jQuery操作DOM 和增删改查 - 1.html() ```js $('ul li&... [阅读全文]
jQuery的clone()方法和data()方法

# jQuery中的clone()和data()方法 - clone() ```js $('.demo').clon... [阅读全文]
jq使用jsonp实现百度搜索

项目实现：还原百度搜索功能；项目原理：利用json回调页面传参; 什么是jsonp：就是利用<script>标签的src地址，让目标页面回... [阅读全文]
5.jQuery实现简单的on()和trigger()方法

# jQuery事件 - 1.on() ```js //1.事件类型type 2.selector 3.data... [阅读全文]

网友评论


验证码：

JQuery this和$(this)的区别

2018年08月21日 | 移动技术网IT编程 | 我要评论

您可能感兴趣的文章:

相关文章:

网友评论