jquery中此.$元素的含义
我最近开始研究/工作jQuery,试图修复我正在工作的网站上的一些可视化错误,在检查一些代码时,我发现:jquery中此.$元素的含义,jquery,Jquery,我最近开始研究/工作jQuery,试图修复我正在工作的网站上的一些可视化错误,在检查一些代码时,我发现: this.$element = $(element); 据我所知,$(element)创建了一个要使用的jQuery对象,但我无法理解this.$元素是如何工作的,以及它与什么相关。 代码来自bootstrap.js中的工具提示prototype init函数: Tooltip.prototype.init = function (type, element, options) {
this.$element = $(element);
据我所知,$(element)
创建了一个要使用的jQuery对象,但我无法理解this.$元素是如何工作的,以及它与什么相关。
代码来自bootstrap.js中的工具提示prototype init函数:
Tooltip.prototype.init = function (type, element, options) {
this.enabled = true;
this.type = type;
this.$element = $(element);
this.options = this.getOptions(options);
var triggers = this.options.trigger.split(' ');
for (var i = triggers.length; i--;) {
var trigger = triggers[i];
if (trigger == 'click') {
this.$element.on('click.' + this.type, this.options.selector, $.proxy(this.toggle, this));
} else if (trigger != 'manual') {
var eventIn = trigger == 'hover' ? 'mouseenter' : 'focusin';
var eventOut = trigger == 'hover' ? 'mouseleave' : 'focusout';
this.$element.on(eventIn + '.' + this.type, this.options.selector, $.proxy(this.enter, this));
this.$element.on(eventOut + '.' + this.type, this.options.selector, $.proxy(this.leave, this));
}
}
this.options.selector ?
(this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) :
this.fixTitle();
};
在本例中,this.$element
仅用于将使用$(element)
获得的jQuery对象保存为工具提示
对象的属性
这样,jQuery就不必每次使用时都在dom中搜索元素
将其视为缓存。在本例中,此。$element
仅用于将使用$(element)
获得的jQuery对象保存为工具提示
对象的属性
这样,jQuery就不必每次使用时都在dom中搜索元素
将其视为缓存。此。$element
只是传递到函数中的DOM元素的jquery对象
- 在初始化jquery变量时,前缀
$
(在this.$element
上)是一种很好的做法
这个
只是将该变量绑定到它所在的上下文中
此.$element
只是传递到函数中的DOM元素的jquery对象
- 在初始化jquery变量时,前缀
$
(在this.$element
上)是一种很好的做法
这个
只是将该变量绑定到它所在的上下文中
this.$element
只是将其赋值给this
的属性。属性的名称为$element
。属性名中的美元符号没有什么特别之处,但是一些程序员喜欢使用$
作为包含jQuery对象而不是普通值的变量或属性的前缀
这是工具提示原型的初始化函数,用于保存对工具提示附加到的jQuery对象的引用。This。$element
只是分配给This
的属性。属性的名称为$element
。属性名中的美元符号没有什么特别之处,但是一些程序员喜欢使用$
作为包含jQuery对象而不是普通值的变量或属性的前缀
这是工具提示
原型的初始化函数,用于保存对工具提示附加到的jQuery对象的引用。参数元素
是插件附加到的DOM元素。当创建新的插件实例时,这将提供给init
方法(以及类型
和任何选项
)
$(元素)
将其转换为jQuery对象,以便以后使用。注意:jQuery包装DOM元素的开销非常低,因此您可以只存储元素
,但由于它存储的是DOM元素,因此它也可以存储jQuery版本
对于jQueryUI插件来说,这是一个对象实例,特定于所讨论的DOM元素。对于本例,它是工具提示
类的一个实例。类实例通常作为data
保存在DOM元素上(字面上使用data()
方法和插件名称作为键)
因此,基本上,它是在插件类的每个实例上保存当前DOM元素的jQuery版本,以便方便地访问每个实例中的jQuery对象。参数元素
是插件所附加到的DOM元素。当创建新的插件实例时,这将提供给init
方法(以及类型
和任何选项
)
$(元素)
将其转换为jQuery对象,以便以后使用。注意:jQuery包装DOM元素的开销非常低,因此您可以只存储元素
,但由于它存储的是DOM元素,因此它也可以存储jQuery版本
对于jQueryUI插件来说,这是一个对象实例,特定于所讨论的DOM元素。对于本例,它是工具提示
类的一个实例。类实例通常作为data
保存在DOM元素上(字面上使用data()
方法和插件名称作为键)
因此,基本上它是在插件类的每个实例上保存当前DOM元素的jQuery版本,以便方便地访问每个实例中的jQuery对象。“变量”不是完整/正确的描述。您错过了一个关键点。“变量”不是完整/正确的描述。您错过了一个关键点。这一点也不完整。调用方定义了函数的上下文。此上下文也不完整。调用方定义函数的上下文。