1、类级别的插件开发
类级别的插件开发最直接的理解就是给jQuery类添加类方法,可以理解为添加静态方法。
典型的例子就是$.ajax()这个函数,将函数定义于jQuery的命名空间中。
关于类级别的插件开发可以采用如下几种形式进行扩展:
1.1 添加一个新的全局函数
定义格式:
jQuery.pluginName = function() { alert('测试'); };
实例代码:
(function($) { $.formatDate = function(date, mask){ // TODO 格式化日期对象 }; })(jQuery);
1.2 增加多个全局函数
定义格式:
jQuery.pluginName1 = function() { alert('测试1'); }; jQuery.pluginName2 = function() { alert('测试2'); };
实例代码:
(function($) { $.formatDateObj = function(dateObj, mask){ // TODO 格式化日期对象,返回格式化后日期字符串 }; $.parseDateStr = function(dateStr, mask){ // TODO 解析日期字符串,返回日期对象 }; })(jQuery);
1.3 使用jQuery.extend(object);
定义格式:
jQuery.extend({ pluginName1 : function() { alert('测试1'); }, pluginName2 : function(param) { alert('测试2, 参数是:' + param); } });
实例代码:
(function($) { $.extend({ formatDateObj: function(dateObj, mask) { // TODO 格式化日期对象,返回格式化后日期字符串 }, parseDateStr: function(dateStr, mask) { // TODO 解析日期字符串,返回日期对象 } }); })(jQuery);
1.4 使用命名空间
定义格式:
jQuery.chuanlu = { pluginName1 : function() { alert('测试1'); }, pluginName2 : function(param) { alert('测试2, 参数是:' + param); } };
采用命名空间的函数仍然是全局函数,调用时采用的方法:
$.chuanlu.pluginName1();
$.chuanlu.pluginName2('hello world');
实例代码:
(function($){ $.chuanlu = { formatDateObj: function(dateObj, mask) { // TODO 格式化日期对象,返回格式化后日期字符串 }, parseDateStr: function(dateStr, mask) { // TODO 解析日期字符串,返回日期对象 } } })(jQuery);
2、对象级别的插件开发
对象级别的插件开发有如下的两种定义格式:
格式一
(function($) { $.fn.pluginName = function(options) { // TODO 插件实现代码 }; })(jQuery);
格式二
(function($){ $.fn.extend({ pluginName:function(options){ // TODO 插件实现代码 } }); })(jQuery);
相关推荐
jQuery插件开发全解析 可提高封装能力和js编程能力。
jquery 插件开发详解通过$.extend()来扩展jQuery 通过$.fn 向jQuery添加新的方法 通过$.widget()应用jQuery UI的部件工厂方式创建
jQuery插件开发及常用插件大全PDF;jQuery插件开发.pdf、jQuery常用插件大全.pdf
jquery 插件开发 pdf
JQuery插件的写法 最常用的jquery插件开发方式(教程合集) jquery插件的例子 jQuery插件开发教程_看这一本就行了 JQuery插件写法 jq插件最常用的写法
NULL 博文链接:https://zhoucl.iteye.com/blog/1239737
通用 JQuery 插件开发,及相关示例
jQuery插件开发全解析.pdf 详细叙述了jquery脚本开发 JQuery插件开发
NULL 博文链接:https://fbinbin.iteye.com/blog/2330594
NULL 博文链接:https://lpyyn.iteye.com/blog/2094991
jquery插件开发快速入门
Jquery插件开发技术.
jQuery插件开发指南.doc
Jquery开发文档,为pdf格式,希望对你有所帮助。Jquery开发文档,为pdf格式,希望对你有所帮助。
jquery 插件开发 扩展 适合初学者查看以及学习。
在这篇快速的jQuery插件开发教程中,我们将创建一个jQuery插件用来随机排序显示任何一个DOM元素的文字内容 -这将会是一个非常有趣的效果,可以用在标题,logo及其幻灯效果中。