blocks|key|500473|text|这取决于this指的是什么。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|500474|在事件处理程序中，函数this引用引发事件的HTML元素。要在元素上执行jQuery操作，可以使用$(this)包装HTML元素。|500475|插件方法作用域中的this引用jQuery选择对象本身。此外，在插件中，jQuery方法each用于对jQuery选择中的每个元素执行一个函数。这通常是编写插件以提供新方法的方式：|500476|jQuery.fn.alertClasses+=+function()
{
++++//+"this"+refers+to+the+jQuery+object,+returned+by+$(...)
++++if(this[0]+===+undefined)
++++++++return+this;

++++this.each(function()+{+
++++++++//+"this"+now+refers+to+an+HTML+element+in+the+jQuery+object
++++++++alert(this.className)
++++});

++++//+"this"+refers+to+the+jQuery+object+again
++++return+this;
}|code-block|syntax|javascript|500477|简而言之，这一切都与方法的上下文有关。每当您查看更改this值的方法时，jQuery文档都会解释这一概念。|500478|entityMap^0|4|4|0|B|4|1D|7|0|9|4|18|4|0|0|Q|4|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|V|8|@$9|W|A|X|B|C]|$9|Y|A|Z|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|10|8|@$9|11|A|12|B|C]|$9|13|A|14|B|C]]|D|@]|E|$]]|$1|J|3|K|5|L|7|15|8|@]|D|@]|E|$M|N]]|$1|O|3|P|5|6|7|16|8|@$9|17|A|18|B|C]]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|19|8|@]|D|@]|E|$]]]|R|$]]

It depends on what <code>this</code> refers to.

Inside an event handler function <code>this</code> refers to the HTML element the event is raised from. To perform jQuery operations on the element, you use <code>$(this)</code> to wrap the HTML element.

<code>this</code> in the scope of a plugin method refers to the jQuery selection object itself. Additionally, in plugins the jQuery method <code>each</code> is used to perform a function to each element in a jQuery selection. This is often the way plugins are written to provide a new method:

<pre><code>jQuery.fn.alertClasses = function()
{
 // "this" refers to the jQuery object, returned by $(...)
 if(this[0] === undefined)
 return this;

 this.each(function() { 
 // "this" now refers to an HTML element in the jQuery object
 alert(this.className)
 });

 // "this" refers to the jQuery object again
 return this;
}
</code></pre>

In short, it's all about the context of the method. The jQuery documentation explains this concept whenever you're looking at methods which change the value of <code>this</code>.

blocks|key|467468|text|当你想在'this‘上使用JQuery功能时，请使用$(this)。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|467469|如果不想在“this”上使用JQuery功能，请使用“this”。|467470|entityMap^0|Q|7|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|M|8|@]|D|@]|E|$]]|$1|H|3|-4|5|6|7|N|8|@]|D|@]|E|$]]]|I|$]]

Use <code>$(this)</code> when you want to use JQuery functionality on 'this'.

Use 'this' when you don't want to use JQuery functionality on 'this'.

blocks|key|467499|text|$(this)为您提供了包装在jQuery中的this。$($(this))与$(this)相同，因此在这种情况下不需要额外调用$。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|467500|答案是，这取决于情况。在许多插件中，您都是在jQuery对象上调用插件方法，这使得this已经包装在jQuery中！|467501|entityMap^0|0|7|N|4|S|A|13|7|1S|1|0|15|4|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]|$9|M|A|N|B|C]|$9|O|A|P|B|C]|$9|Q|A|R|B|C]|$9|S|A|T|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|H|3|-4|5|6|7|X|8|@]|D|@]|E|$]]]|I|$]]

<code>$(this)</code> gives you <code>this</code> wrapped in jQuery. <code>$($(this))</code> is the same as <code>$(this)</code> and therefore the extra call to <code>$</code> is unnecessary in that case.

The answer is that it depends on the situation. In a lot of plugins, you call the plugin method on a jQuery object, which makes <code>this</code> already wrapped in jQuery!

blocks|key|1799521|text|$(this)将额外的糖“JQuery”添加到元素中，然后返回它。所以规则很简单，如果您想在$(this)上调用JQuery方法，那么只需要使用它，而且它还没有通过$(..)传递。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1799522|entityMap^0|0|7|1A|7|2A|5|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]|$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|O|8|@]|D|@]|E|$]]]|G|$]]

<code>$(this)</code> adds the extra JQuery "sugar" to the element and then returns it. So the rule is simply that you only need to use <code>$(this)</code> if you want to call JQuery methods on it, and it hasn't already been passed through <code>$(..)</code>.

blocks|key|1874330|text|如果需要将对象作为jQuery对象访问，请使用$(this)。如果您引用的是不需要jQuery的对象的内部属性，只需使用this|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1874331|entityMap^0|N|7|1O|4|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

Use <code>$(this)</code> if you need to access your Object as a jQuery Object. If you're referring to internal properties of your Object that you don't need jQuery for, just use <code>this</code>

blocks|key|1874352|text|正如您所提到的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1874353|$(+jQuery+)+--返回jQuery对象|1874354|这--返回DOM对象|1874355|this.whatever将返回DOM对象的属性/函数|1874356|$(this).whatever将返回jQuery对象的属性/函数|1874357|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|N|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|O|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|P|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|K|$]]

As you noted:

$(this) -- returns jQuery object

this -- returns DOM object

this.whatever will return an attribute/function of the DOM object

$(this).whatever will return an attribute/function of the jQuery object

blocks|key|499913|text|当$(this)为您需要的功能提供了更好的接口时，请使用jQuery+(这在大多数情况下是用于DOM操作)。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|499914|我建议在必要的情况下使用this+(当没有jQuery等效项时)，或者当基本接口比较简单时，比如调用form.submit()而不是$('form').trigger('submit')。|499915|entityMap^0|1|7|0|C|4|1E|D|1U|R|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]|$9|R|A|S|B|C]]|D|@]|E|$]]|$1|H|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|I|$]]

Use <code>$(this)</code> when jQuery offers a better interface for the functionality you need (which is most of the time for DOM manipulation).

I recommend using <code>this</code> when you have to (when there's no jQuery equivalent), or when the basic interface is simpler, like calling <code>form.submit()</code> rather than <code>$('form').trigger('submit')</code>.

I know that <code>$(this)</code> results in a jQuery object, but i often see (especieally in jQuery plugins) the use of <code>return this.whatever</code> what is the general rule?

Thanks

What is the rule? when do i use $(this) and when is "this" enough?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云AI代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

我知道$(this)会产生一个jQuery对象，但我经常(特别是在jQuery插件中)看到return this.whatever的使用，一般的规则是什么？谢谢

问规则是什么？我什么时候使用$(this)，什么时候"this“足够？
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问规则是什么？我什么时候使用$(this)，什么时候"this“足够？EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问规则是什么？我什么时候使用$(this)，什么时候"this“足够？
EN