jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQuery $this vs $(this)在插件开发中大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我想知道为什么在这么多的 jquery插件中,$(this)设置为指向$this,这是一个例子,如果我在页面上包含以下两个插件
(function($) {
   jQuery.fn.pluginOne = function() {
      return this.each(function() {
         $this = $(this); <--
         alert($this);
      });
   };
})(jQuery)

(function($) {
   jQuery.fn.pluginTwo = function() {
      return this.each(function() {
         $this = $(this); <--
         alert($this);
      });
   };
})(jQuery)

当我在dom上调用两个插件时:

$(document).ready({
   $('.myClass').pluginOne();
   $('.myOtherClass').pluginTwo();
});

一个插件将从第二个插件获得$this …而我将$(this)指向一个本地var:

(function($) {
   jQuery.fn.pluginTwo = function() {
      return this.each(function() {
         var trigger = $(this); <--
         alert(trigger);
      });
   };
})(jQuery)

一切都有效,当然应该……

所以我的问题是……我什么时候应该使用$this?

谢谢

解决方法

$这是人们用来在变量中缓存实际jQuery对象$(this)的标准.

你可以把它叫做你想要的,有些人喜欢把它称为$self.

例如

var $self = $(this)

当您查看代码以识别它是一个jQuery对象而不是一个普通的dom对象时,它会有所帮助.

由于您只创建了一个jQuery变量实例,因此性能更好.

大佬总结

以上是大佬教程为你收集整理的jQuery $this vs $(this)在插件开发中全部内容,希望文章能够帮你解决jQuery $this vs $(this)在插件开发中所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。