jQuery插件开发示例代码
jQuery插件开发:开发新的全球功能的类级开发
对象级开发以开发jQuery对象的新方法
类级开发——全局方法的定义
复制代码代码如下所示:
jquery.foo =函数(){
警惕(这是一个考验。);
};
使用名称空间,可以避免命名空间中的函数冲突。
复制代码代码如下所示:
jQuery
意义:函数(){
console.log('fun1);
},
大脑功能(){
console.log('fun2);
}
}
两。对象级开发——jQuery对象方法的定义
复制代码代码如下所示:
(函数($){)
美元。fn.pluginname =函数(){
};
}(jQuery);
此插件称为:
$(# mydiv)。PluginName();
接受选项参数来控制插件的行为。
复制代码代码如下所示:
(函数($){)
美元。FN。大脑=功能(可选){
VaR的默认选项= {
参数:'param1,
param2:'param2
}
美元。延长(期权,期权);
console.log(默认选项);
}
}(jQuery);
$(函数(){())
通过这个调用
$(体),大脑({
参数:'参数'
});
});
维护私人职能的私有财产
复制代码代码如下所示:
(函数($){)
插件定义
美元。fn.hilight =功能(选项){
调试(此);
…
};
用于调试私有的函数
无法从外部闭包输入调试方法,因此它是我们实现的专用程序。
功能调试($ obj){
如果(window.console窗口。控制台日志)
window.console.log('hilight选择计数:obj.size + $());
};
…
}(jQuery);