jquery 插件原则

区分开 Dom 对象，jQuery Dom对象， Json数据。

Dom对象是诸如： document.getElementById 返回的原生Dom对象。

jQuery Dom对象，如：$("#Id")，它是一个jQuery数组。

Json数据，是{}对象，可用于参数对象，或 jQuery插件内部对象。

 

1. 每个jQuery插件，仅占用一个jQuery扩展方法，其它方法通过参数传递。

如：创建一个插件： $("dom").TextHelper(p);

其它方法： $("dom").TextHelper("show");

2.可以重复使用扩展方法

如  $("dom").TextHelper(p); 如果已创建，则返回跳过初始化，直接返回已创建的插件。

3. 保存参数

需要使用 $.data 来保存，可以获取、设置。

4. 可以隐藏创建函数，有统一的销毁函数

销毁函数可以统一为： bye 方法， hide 仅用于隐藏， show 用于显示。

5.插件可以生成多次，不能生成唯一Id，依赖唯一Dom。

如果需要ID，应该是动态生成的。

插件应该可以生成多次。

6.默认值可以改变

$.fn.ScrollToShow = $.fn.scrollToShow = function (top, topOffset) {
var def = $.fn.ScrollToShow.defaults ||
{ top: 100, topOffset: 200 };

。。。

}

或：

$.fn.ScrollToShow = $.fn.scrollToShow = function (top, topOffset) {
var def = $.fn.ScrollToShow.defaults ;

。。。

}

 

$.fn.ScrollToShow.defaults = $.fn.ScrollToShow.defaults || { top: 100, topOffset: 200 };