jQuery学习笔记（6）——自定义插件

自定义插件来扩展jQuery

扩展的原则

扩展的准则就是遵循jQuery的模式，使得整个网站的代码风格一致。
扩展jQuery有两种形式：

• 在$上直接定义的实用工具函数
• 对jQuery包装集进行操作的方法

避免命名冲突

命名格式

• 文件名一jquery为前缀
• 前缀后接插件名
• 文件名以.js结尾

例如：jquery.example.js

有时候，还需要加更多的前缀标记。
一方面便于标识，另一方面也防止和其他插件命名冲突。
同样需要注意，可以使用之前的习惯方法确保别名以本地化的方式来引用jQuery名称，而不会影响页面的其余部分：

(function($){//plugin definition goes here})(jQuery);

通过传递jQuery到定义参数为的函数，确保在函数体内引用jQuery。

---

简化参数列表

命令的参数尽量少，并提供缺省情况的的默认值。当不得已要使用多个参数时，用散列对象代替一长串的参数列表。

//对于函数complex(p1,p2,p3,p4,p5,p6){...}complex(valueA,null,valueC,valueD,null,null);complex(valueA,{p3:valueC,p4:valueD}); //这种方法显然更友好

下面这段代码定义了一个有1个必需参数和4和可选参数的函数，可选值都有默认值

function complex(p1,options){    var settings = $.extend({//extend可以将这些默认值合并起来        option1:defaultValue1,        option2:defaultValue2,        option3:defaultValue3,        option4:defaultValue4,    },options||{});//||{}当options求值为null或undefined是就提供一个空对象//remainder of function...}