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組件的時候需要注意的細節問題：

1、組件的數據源只需要是具有某個特征的數據集就可以了

2、組件自己根據傳入的控制參數相應的格式化數據

3、暴露出的事件所需要的參數一般是 對象+觸發事件的對象

4、組件要盡量封裝成可重用的組件

5、組件寫好之后要整理一個組件使用文檔（包括：需要傳入的參數說明、暴露出來的事件、使用事例等等）