两个this分别是什么意思？
$(this) 肯定是我调用插件方法的jquery 对象，那上面那个是什么意思？
-
等级
本版专家分：65结帖率 100% -
jquery 插件中代码如图：
两个this分别是什么意思？
$(this) 肯定是我调用插件方法的jquery 对象，那上面那个是什么意思？
展开阅读全文
-
等级
本版专家分：346 -
第一个this应该对应了一个集合，对其进行遍历，第二个this对应集合中遍历到的记录
-
等级
本版专家分：65
-
明白了，也就是比如我在调用的位置是多个div,第一个this就应该是着多个div的集合。
然后第二个this就是多个div中的一个dom对象，然后用$转换为jquery对象，是这样的吧？
-
等级
本版专家分：346
-
有完整的代码么？
-
等级
本版专家分：5
-
this是指向当前作用域的，第一个指向包含return的函数，第二个就不晓得了
-
等级
本版专家分：11313勋章
-
- 黄花 2014年2月 Web 开发大版内专家分月排行榜第二
-
- 蓝花 2013年12月 Web 开发大版内专家分月排行榜第三
-
-
不看看$.each函数，永远都是不懂
-
等级
本版专家分：16250勋章
-
- 黄花 2014年8月 Web 开发大版内专家分月排行榜第二
-
- 蓝花 2014年7月 Web 开发大版内专家分月排行榜第三
-
-
<!doctype html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js"></script>
<title>test</title>
</head>
<body>
<body>
<div class="div1">test</div>
<div class="div2">test</div>
<div class="div3">test</div>
<script type="text/javascript">
$.fn.test = function(){
console.log(0, this);
console.log(1, $(this));
console.log(2, (this == $(this)));
return this.each(function(){
var obj = $(this);
console.log(3, $(this));
console.log(4, this);
});
}
$('.div1').test();
$('.div2').test();
$('.div3').test();
</script>
</body>
</html>
根据以上测试代码，说一下我的理解，不一定准确，但可以参考。
表面上看，this == $(this) 是false，但是从0,1的结果来看，他们指向的是同一个对象。
这样，来说，this.each与$(this).each();的区别不大，然后这里边的this的指向的是每次调用方法的那个元素。正因为一个插件在一个页面内可能多次调用，所以才有了return this.each();这种写法。
就是这块：
$('.div1').test();
$('.div2').test();
$('.div3').test();
而each里边的$(this)指向的是每次进入循环的jquery元素，如果是this的话，则是dom元素。
其实驾驭jquery的根本还是js的基础，所以有空看看js基础。
-
等级
本版专家分：3424 -
（1）
//如你所示,插件构造一般如下：
$.fn.pluginName=function(){
...
return this.each(function(){
$(this)...
})
}
//调用插件的格式一般如下：
$('.className').pluginName();
如上所示，pluginName方法添加到jquery的原型上，所以凡是jquery对象都具有pluginName这么个方法，调用的时候自然是以对象属性的方式调用，所以你代码中的第一个this就是$('.className')这个jquery对象（但是这个jquery对象是个集合），第二个$(this)则指的是使用each对$('.className')进行遍历时的每个类名为className的元素所对应的的jquery对象。
（2）查查资料，把“原型”和“this关键字”关键字这两个点搞清楚，你就明白了。
- jQuery--选择方法及$(this)用法
用方法来选择元素，可以视作$()函数的链式调用，返回仍然是一个jQuery对象 $(function() { //一、根据结果集中元素位置来选择：first(),last(),eq(),slice() //1、选择第一个li $('li').first().css('color','red...
- jquery中this与 this 的用法区别
jquery中this与 this 的用法区别
- [jQuery]使用this作为函数参数
a href="javascript:void(0)" game="gcld" onclick="del(this)">删除</a> function del($this){ var game = $($this).attr('game'); console.log(game) } 打印结果：gcld ...
- ES6 中使用 jQuery $(this) 的问题
为什么80%的码农都做不了架构师？>>> ...
- jquery的$(this)使用
一、this和$(this)区别 this通常是一个Html 元素，例如...$(this)通常是一个JQuery对象 ， 如： 我触发danji_jian()事件获取class为gouwuc_dan 的元素，则 寻找顺序将为this->gouwuc_shu(父节点)->gou
- jquery中this的用法
在用到jquery的时候经常会出现是Object或者undifined之类的结果。
- Jquery中this赋值调用
this指向问题是我们开发当中经常容易忽视的一个点，特别是在闭包函数中，this指向尤为重要；在发项目当中，就是由于忽视了this的只想问题而导致方法调用不成功；参考示例如下： ...
- JQuery this和$(this)的区别及获取$(this)子元素对象的方法
1.JQuery this和$(this)的区别 相信很多刚接触JQuery的人，很多都会对$(this)和this的区别模糊不清，那么这两者有什么区别呢？ 首先来看看JQuery中的 $() 这个符号，实际上这个符号在JQuery中相当于JQuery（）,即...
- jquery中this与$(this)的用法区别.
jquery中this与$(this)的用法区别.分类： JS技术类2010-04-18 20:38 5919人阅读 评论(0) 收藏 举报jqueryfunctiontextbox浏览器htmljquery中this与$(this)的用法区别.先看以下代码: $("#textbox").hover( ...
- jQuery事件函数中的this是什么？
当我们在使用jQuery的时候，给某个标签绑定事件，会发现事件函数里面有个“this”，比如如下代码： $("#a").click(function(){ $(this).hide(); }); 这个this具体指什么了，我们不妨亲自动手检测一下...
- jQuery中this与$(this)的区别
学习Jquery的时候，遇到一个问题： $(function() { console.info("this2：" + this); $(".div").on("mouseover", function(){ console.info("(this)3: " + this); console.info("$(this)3: " +...
- jQuery中使用this作为函数入参
game="gcld" p="Android" id="3" onclick="del(this)">删除 function del($this){ var game = $($this).attr('game'); console.log(game) } 打印结果：gcld 原文链接：http://blog.cs
- jquery中this与$(this)的用法区别.和于js中的this区别
jquery中this与$(this)的用法区别.先看以下代码: $("#textbox").hover( function() { this.title = "Test"; }, fucntion() { this.title = "OK”; } ); 这里的this其实是一个Html 元素(textbox)，textbox有text属性...
- jquery中的this与$(this)的区别总结（this：html元素）（$(this)：JQuery对象）
jquery中的this与$(this)的区别总结（this：html元素）（$(this)：...2、$(this)是一个JQuery对象，jquery中可以使用$(this)对象对各种浏览器版本对DOM对象的操作 3、$()作用： $()这是jQuery的一个函数，也是最核...
- JQuery——获取当前点击元素的内容<This的用法>
摘要： ... 这时需要通过this来实现该效果。 一、this简单介绍 this表示顾名思义是当前的意思，就是获取当前的元素。... 相关的JQuery事件，注意this的使用位置： $(document).ready(funct
- Jquery中改变this的指向 $.proxy()
介绍以下这个工具方法的使用： 先介绍一下工具方法和实话化方法的区别： 1. 工具方法是定义在jQuery函数上的 //定义在jQuery的函数上的 /* function jQuery() jQuery.type = function(){} */ 2.实例化方法是...
- jQuery——何时添加bind(this)
遇到的问题：页面渲染时，调用后台服务，查询出的attrId是有数据的；渲染页面渲染完成后，在调试页面打断点，在全局变量this.attrId中保存了数据。afterRender: function() { this.$('.js-rollback-reason').hide()...
- jQuery获取this当前对象子元素对象
select id="city"> option value="beijing">北京option> option value="shanghai">上海option> option value="shenzhen">深圳option> select> $(function(){ $("#city").change(function(){
- jQuery中的this用法
<br />在使用jquery操作js时，经常整不明白this与$(this)。抽空仔细测试了一把，记录下来以供在忘记的时候拉出来参考参考！ 原来js中的this这么好用 <br />$(document).ready(function(){ ...
- Jquery中的this与$(this)
序言：在使用jquery操作js时，经常整不明白this与$(this)。抽空仔细测试了一把，记录下来以供在忘记的时候拉出来参考参考！ $(this)生成的是什么 $()生成的是什么呢？实际上$()=jquery()，那么也就是说返回的是一个...
- jQuery === :$(this)和this关键字在jquery中有何不同？
1、表示对象不同：this表示的是javascript提供的当前对象，$(this)表示的是用jquery封装候的当前对象。...2、过程不同：this对象可以直接用this.style修改样式，$(this)可以使用jquery提供的方法访问样式。 ...
- jQuery $(this) 无法获取 value解决方法
varindex = 0;//第一项varrs = $("li").eq(index).get(0).getAttribute("value");varrs=$("li").eq(index).get(0)....//getAttribute("value")返回value的属性值//get(0)将jquery对象转为dom对象//因为li的value不属
- jQuery中this与$(this)的区别总结
这里就谈谈this与$(this)的区别。1、jQuery中this与$(this)的区别 $("#textbox").hover( function() { this.title = "Test"; }, fucntion() { this.title = "OK”;
- jquery中的$(this)与this的区别
相信很多刚接触JQuery的人，很多都会对$(this)和this的区别模糊不清，那么这两者有什么区别呢？ 首先来看看JQuery中的 $() 这个符号，实际上这个符号在JQuery中相当于JQuery（）,即$(this)=jquery();也就是说，...
- JQuery获取$(this)子节点对象的方法
首先来看看JQuery中的 $() 这个符号，实际上这个符号在JQuery中相当于JQuery（）,即$(this)=jquery();也就是说，这样可以返回一个jquery对象。那么，当你在网页中alert($('#id'));时，会弹出一个[object Object ]，...
- jQuery AJAX回调函数this指向问题
jquery ajax回调函数this指向问题
- 浅谈jQuery使用this和event.target
1、this和event.target的区别： JavaScript中事件会冒泡，所以this是可以变化的，但event.target不会变化，永远是触发事件的目标DOM元素。...使用jQuery中的方法可以将this和event.target转换为jQuery对象：$(thi
- 关于vue和jq同时使用特定情况下this失效问题
如果不是使用vuecli而是使用引入时vue.js的话，个人认为还是jq的ajax方便 所以在练手的时候出现了jq的ajax中...解决方法直接用var vm = new Vue的方式使用vm.代替this就行了 比如this.books可以用vm.$data.books ...
- 华为工程师，带你实战C++视频精讲
这是一套全面而系统的C++学习：1、C++对C的全面提高(类型增强，函数重载，默认参数，引用,new/delete 内联函数，类型强转，命名空间，系统string类；2、封装，类
- 疯狂的 C#——入门
用通俗易懂的形象比喻方式来学习和理解C#语言的语法基础，去掉冗繁的基础概念知识，通过