Javascript jquery中的扩展函数
我是一个新的查询,并试图了解下面的插件函数正在做什么,但不清楚的理解Javascript jquery中的扩展函数,javascript,jquery,Javascript,Jquery,我是一个新的查询,并试图了解下面的插件函数正在做什么,但不清楚的理解 var pluginName = 'Widgets'; function Plugin(element, options) { /** * Variables. **/ this.obj = $(element); this.o = $.extend({}, $.fn[pluginName].defaults, options); this.objId = this.obj
var pluginName = 'Widgets';
function Plugin(element, options) {
/**
* Variables.
**/
this.obj = $(element);
this.o = $.extend({}, $.fn[pluginName].defaults, options);
this.objId = this.obj.attr('id');
this.pwCtrls = '.jarviswidget-ctrls'
this.widget = this.obj.find(this.o.widgets);
this.toggleClass = this.o.toggleClass.split('|');
}
如果有一个在Jquery方面非常出色的人能够一步一步地解释它,我将非常感激
先谢谢你
问候,,
Mona将两个或多个对象的内容合并到第一个对象中
换句话说,它为插件获取一个具有默认设置的对象,然后将该对象作为选项
传入,并将它们连接在一起,以便选项覆盖默认值
范例
var defaults = {
setting1 : '2',
setting2 : true
}
function plugin(options) {
var settings = $.extend({}, defaults, options);
/* settings now contain
{
setting1: '2',
setting2: false
}
*/
}
plugin({
setting2: false // this is the options, they change the default settings
});
Plugin
函数本身似乎是构建插件的某种小部件的一部分,它只是为实例设置一些常规设置。jQuery将两个或多个对象的内容合并到第一个对象中
换句话说,它为插件获取一个具有默认设置的对象,然后将该对象作为选项
传入,并将它们连接在一起,以便选项覆盖默认值
范例
var defaults = {
setting1 : '2',
setting2 : true
}
function plugin(options) {
var settings = $.extend({}, defaults, options);
/* settings now contain
{
setting1: '2',
setting2: false
}
*/
}
plugin({
setting2: false // this is the options, they change the default settings
});
Plugin
函数本身似乎是构建插件的某种小部件的一部分,它只是为实例设置一些常规设置。jQuery将两个或多个对象的内容合并到第一个对象中
换句话说,它为插件获取一个具有默认设置的对象,然后将该对象作为选项
传入,并将它们连接在一起,以便选项覆盖默认值
范例
var defaults = {
setting1 : '2',
setting2 : true
}
function plugin(options) {
var settings = $.extend({}, defaults, options);
/* settings now contain
{
setting1: '2',
setting2: false
}
*/
}
plugin({
setting2: false // this is the options, they change the default settings
});
Plugin
函数本身似乎是构建插件的某种小部件的一部分,它只是为实例设置一些常规设置。jQuery将两个或多个对象的内容合并到第一个对象中
换句话说,它为插件获取一个具有默认设置的对象,然后将该对象作为选项
传入,并将它们连接在一起,以便选项覆盖默认值
范例
var defaults = {
setting1 : '2',
setting2 : true
}
function plugin(options) {
var settings = $.extend({}, defaults, options);
/* settings now contain
{
setting1: '2',
setting2: false
}
*/
}
plugin({
setting2: false // this is the options, they change the default settings
});
插件
函数本身似乎是构建插件的某种小部件的一部分,它只是为实例设置了一些常规设置。还记得Java的功能吗
public class ClassName extends ClassName2 {
// class code here
}
这意味着,ClassName
将使用ClassName2
的属性和方法
类似地,此方法用于将两个对象的内容合并到第一个对象中,就像Java的方法一样
在代码中,this.o
现在的值为fn[pluginName].defaults
。这就像将数据从第二个参数复制粘贴到第一个参数一样。在JavaScript中,您处理的是对象,因此这里的所有内容都是对象。第二个对象的数据被传输到第一个对象
使用此函数的另一种方法如下
// Merge object2 into object1
$.extend(object1, object2);
更多信息:还记得Java的功能吗
public class ClassName extends ClassName2 {
// class code here
}
这意味着,ClassName
将使用ClassName2
的属性和方法
类似地,此方法用于将两个对象的内容合并到第一个对象中,就像Java的方法一样
在代码中,this.o
现在的值为fn[pluginName].defaults
。这就像将数据从第二个参数复制粘贴到第一个参数一样。在JavaScript中,您处理的是对象,因此这里的所有内容都是对象。第二个对象的数据被传输到第一个对象
使用此函数的另一种方法如下
// Merge object2 into object1
$.extend(object1, object2);
更多信息:还记得Java的功能吗
public class ClassName extends ClassName2 {
// class code here
}
这意味着,ClassName
将使用ClassName2
的属性和方法
类似地,此方法用于将两个对象的内容合并到第一个对象中,就像Java的方法一样
在代码中,this.o
现在的值为fn[pluginName].defaults
。这就像将数据从第二个参数复制粘贴到第一个参数一样。在JavaScript中,您处理的是对象,因此这里的所有内容都是对象。第二个对象的数据被传输到第一个对象
使用此函数的另一种方法如下
// Merge object2 into object1
$.extend(object1, object2);
更多信息:还记得Java的功能吗
public class ClassName extends ClassName2 {
// class code here
}
这意味着,ClassName
将使用ClassName2
的属性和方法
类似地,此方法用于将两个对象的内容合并到第一个对象中,就像Java的方法一样
在代码中,this.o
现在的值为fn[pluginName].defaults
。这就像将数据从第二个参数复制粘贴到第一个参数一样。在JavaScript中,您处理的是对象,因此这里的所有内容都是对象。第二个对象的数据被传输到第一个对象
使用此函数的另一种方法如下
// Merge object2 into object1
$.extend(object1, object2);
详情如下: