jQuery插件编写

编辑：书村网 发布时间: 2013-08-16

/*
　　 Hello everybody,让我们来写个jQuery插件，不要一直用jquery，却连插件都不会写。
　　 哈哈哈，开玩笑啦。
　　 当你看到这篇日志，可以肯定的是，你是jQuery的粉丝哦。
　　 话说js是很随意的语言，很随便，想怎么写就怎么写。
　　 且看这段代码
　　 */
　　 var jQuery = new Object();//或者var jQuery = {};
　　 jQuery.method = function(args){
　　 alert("hello," + args);
　　 }
　　 jQuery.method("Henry");
　　 /*
　　 嘿嘿，太明显了，你会看到"hello,Henry"的弹出信息的。是不是这段代码巨简单。
　　 当然，你自然而然会想到用这种方法。如下：
　　 */
　　 <script language="javascript" src="jquery.js"></script>
　　 <script language="javascript">
　　 jQuery.method = function(){
　　 alert("hello,this is my defined method");
　　 }
　　 jQuery.method();
　　 </script>
　　 /*
　　 确实效果如你所愿了。但是不是最好的。因为，一个好的框架一定留给你好的接口了。
　　 最好是使用它的。应该如下：
　　 */
　　 jQuery.extend({
　　 method: function(){
　　 alert("hello,this is my defined method");
　　 }
　　 });
　　 jQuery.method();
　　 /*
　　 不错吧，效果还是一样的。不过这样是最好的，为什么呢？因为，当你的函数需要
　　 增加参数的时候，如果别人不添加参数，你就需要用默认的参数。这时，你的设计
　　 好处就来了，see it ^.^:
　　 */

jQuery.extend({
　　 method: function(options){
　　 var defaults = {
　　 name : "Henry",
　　 sex : "male"
　　 };
　　 jQuery.extend(defaults,options);//如此一来，你的所有参数都进来了哦。
　　 alert("hello," + defaults.name + ",you are " + defaults.sex);
　　 }
　　 });
　　 jQuery.method();
　　 jQuery.method({
　　 name : "yourname",( 书村网 )
　　 sex : "sex"
　　 });
　　 //无论如何，你都可以调用我写的插件哦。呵呵呵
　　 /*
　　 还有还有哈，需要提醒你的是，如果你看了我写的解析jquery源码或者自己分析过jQuery源码
　　 你将会有不同的感受。上面是静态方法的扩展，也就是你无须选择任何一个元素，直接通过
　　 jQuery类来使用方法。下面介绍一个元素的操作方法。你只需把jQuery.extend()改成
　　 jQuery.fn.extend();就可以了。
　　 */
　　 jQuery.fn.extend({
　　 method: function(options){
　　 var defaults = {
　　 name : "Henry",
　　 sex : "male"
　　 };
　　 jQuery.extend(defaults,options);//如此一来，你的所有参数都进来了哦。
　　 alert("hello," + defaults.name + ",you are " + defaults.sex);
　　 return $(this);//不要忘记返回自己，实现链接调用。
　　 }
　　 });

★内容来自　WＷＷ。MCQyｙ。ｃｏm★

《jQuery插件编写》Word文档下载

看了本文的网友还看了

本站发布的作品部分转载于互联网，旨在提供网民阅读参考。若《jQuery插件编写》涉及版权问题，或作者不同意本站转载您的作品，请通知我们，收到反馈我们会将相关稿件删除处理。

因为本站编辑人手有限，而部分作文出处也无从考究，所以没注明《jQuery插件编写》的出处或转载到本站请您谅解，感谢各位的包容与支持！

阅读排行

推荐阅读