jquery自定义组件开发

jquery的组件已经有不少，可是有可能找不到符合咱们需求的组件，因此咱们能够动手本身封装一个jquery组件。

第一步要知道封装jquery组件的基本语法

(function ($) {
    $.fn.ziDinYiZuJian = function () {
        //ziDinYiZuJian 组件 要实现的功能代码
    }
})(jQuery)

第二步调用自定义的组件

　　调用组件必需要引入在组件中用到的js包，而后调用

<div id="dom"></div>
$('#dom').ziDinYiZuJian();

注意有可能会报错：$(...).ziDinYiZuJian is not a function. 

缘由多是 引入必要的js包的顺序有问题，若是是在子页面调用组件 若是母版页引入了相同js包可能会由于重复引用js包报错，因此最好把母版页的js包 都在页面一开始全引入

 

在封装自定义jquery组件的时候须要注意的细节问题：

一、组件的数据源只须要是具备某个特征的数据集就能够了

二、组件本身根据传入的控制参数相应的格式化数据

三、暴露出的事件所须要的参数通常是 对象+触发事件的对象

四、组件要尽可能封装成可重用的组件

五、组件写好以后要整理一个组件使用文档（包括：须要传入的参数说明、暴露出来的事件、使用事例等等）