微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

打造自己的jQuery插件入门教程

本文实例讲述了打造自己的jQuery插件方法分享给大家供大家参考,具体如下:

写js插件并不麻烦,js插件有两类,类型插件和对象插件。首先举例:

rush:js;"> $.post(url);

这个是类型插件,换句话说该插件调用的时候不需要指定对象。那么:

rush:js;"> $('p').click();

这个是对象插件,也就是说使用该插件的时候需要指定对象。

在写jQuery插件的时候,都是有固定的模板:

rush:js;"> jQuery.plugin1 = function(text) { alert(text); };//类型级别框架,类似 $.post(); $.fn.plugin2 = function(options) { var defaults = { text: 'Hello,world!' }; // 合并认值 var opts = $.extend(defaults,options); // 你的代码写到这里 alert(opts.text); };//对象级别框架,类似 $(this).click();

以上就是plugin1是类型级别插件用的时候直接调用就可以了,plugin2是对象级别框架,使用的时候也需要对象。

在写类型级别框架的时候,jQuery.plugin1中的jQuery.不能省略,同样在写对象级别框架的时候,$.fn.也是不能省略的。

这里我要说的时候对象级别框架中 var opts = $.extend(defaults,options);这句话一定要有,这句话的意思就是合并参数。当用户没有设置参数的时候使用认值中的参数,否则就用用户设置的参数。下面我们看一下调用方法

rush:js;">

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐