了解jQuery插件中的功能

Tenali_raman

以下是来自视差Jquery插件的以下代码片段:

function Plugin( element, options ) {
    this.element = element;
    this.$element = $(this.element);

    this.options = $.extend( {}, defaults, options) ;

    this._defaults = defaults;
    this._name = pluginName;

    this.init();
}

该插件可以在github上找到:git link

现在有2个令人困惑的行:

    this.element = element;
    this.$element = $(this.element);

我的理解是:传递给函数Plugin的值存储在第一行的this.element中,现在为什么在第二行中作者添加另一个变量this。$ element并传递$(this.element)的值对它。目的是什么?

在问一位高级同事时,我得到了以下答案: this.element = element正在设置“ this”所指对象的element属性。它将其设置为变量元素保留的值。

this。$ element = $(this.element)设置同一对象的$ element属性的值。在这种情况下,将其设置为jQuery对象。

但是我仍然不明白这两行代码在做什么。

另外,那些代码行IE不能:

this.element = element;
this.$element = $(this.element);

改写为:

this.$element = element; ?? 

我尝试这样做,插件无法工作。

谢谢你。

特纳利。

泽维尔·德拉莫特(Xavier Delamotte)

function Plugin( element, options ) 是最有可能的javascript构造函数,其用法如下:

var plugin = new Plugin(myDiv, options);

this然后将引用创建的新对象。plugin我示例中对象)

在这种情况下:element将是对传递给Plugin构造函数的任何DOM元素的引用,并且$(element)将是此dom元素的jQuery选择器,在该选择器上可以调用jQuery函数。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

了解Python中的位操作功能

来自分类Dev

了解opencv中的Moments功能

来自分类Dev

在jQuery插件中实现$(this)

来自分类Dev

功能jQuery中的功能

来自分类Dev

了解jQuery插件中的功能

来自分类Dev

了解插件代码$ .each中传递的参数的用法。

来自分类Dev

了解hotkeys.js中的功能

来自分类Dev

覆盖功能focusInvalid在jQuery验证插件中

来自分类Dev

清除jQuery插件中的间隔

来自分类Dev

在Scala中了解Spark中的功能文档

来自分类Dev

jQuery验证插件-“ lettersonly”功能

来自分类Dev

了解JavaScript中对象的功能分配

来自分类Dev

了解jQuery滑块功能

来自分类Dev

jQuery-用户功能插入插件

来自分类Dev

了解R中“订单”功能的输出

来自分类Dev

了解Scheme中的重复功能

来自分类Dev

了解jQuery中的not()函数

来自分类Dev

了解JQuery插件功能的可用性

来自分类Dev

了解this.each在jquery插件中

来自分类Dev

了解R中的通话功能

来自分类Dev

JQuery插件中的循环功能

来自分类Dev

在jQuery插件中实现$(this)

来自分类Dev

JQuery验证插件部分功能

来自分类Dev

了解插件代码中$ .each内传递的参数的用法。

来自分类Dev

了解hotkeys.js中的功能

来自分类Dev

在Scala中了解Spark中的功能文档

来自分类Dev

jQuery插件开发执行功能设置

来自分类Dev

jQuery-从插件内部访问功能?

来自分类Dev

自定义插件中的覆盖功能