这为什么this，而不是$(this)？

;(function($){

//一个插件的写法

$.fn.color = function(option){

var options = $.extend({

col: "blue",

fz : "20px"

}, option);

this.css("color", options.col);

this.css("fontSize", options.fz);

return this;

}

})(Zepto);

源自：Zepto详解（选修） 8-1 zepto插件的写法（一）

收起

4回答

好帮手慕粉回答被采纳获得+3积分 2020-02-28 10:12:07

同学你好，因为同学写的例子里面，this指代的是dom元素：

控制台：

而addClass是jq的方法，this是dom元素，所以不能调用这个方法。

如果同学实在理解不了，可以先记住，或者不知道给使用哪个时，可以先在控制台输出一下。一般在插件中，因为调用插件的就是jq元素，所以可以直接使用this，别的地方就是要使用$(this)了。

如果我的回答帮助了你，欢迎采纳，祝学习愉快~

好帮手慕粉 2020-02-27 18:37:48

同学你好，可以使用$(this)，如下：

color是我们自定义的一个函数，谁调用里面的this就指向谁，在这个函数里面。this指向的是调用者$("div")。

如果我的回答帮助了你，欢迎采纳，祝学习愉快~

提问者慕尼黑5122342 #1

$("div").bind("click", function(){ $(this).addClass("ddd"); }) 这里面为什么必须使用$(this)，使用this就会报错？

2020-02-27 19:43:15

好帮手慕粉 2020-02-27 15:54:06

同学你好，很抱歉老师第一次没有理解同学的意思，回答的是不太正确的，老师已经做出了修正，同学可以再看下第一次的回答。

祝学习愉快！

好帮手慕粉 2020-02-27 09:46:38

同学你好，因为这是自己扩展的插件，是要调用的时候才能够执行的，当我们调用的时候，比如$("div").color()，调用的对象是$("div")，那么此时的this就是$("div")，就是jq对象了，我们可以打印出来看下：

控制台：

如果我的回答帮助了你，欢迎采纳，祝学习愉快~

提问者慕尼黑5122342 #1

this不是指向DOM对象的吗？而$(this)指向jQuery对象？这里的this是指向谁？

2020-02-27 12:51:26
提问者慕尼黑5122342 #2

既然是指向jQuery对象，那为什么不使用$(this)？this不是都是指向DOM对象吗？

2020-02-27 17:12:02