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

一、組件的數據源只須要是具備某個特徵的數據集就能夠了

二、組件本身根據傳入的控制參數相應的格式化數據

三、暴露出的事件所須要的參數通常是 對象+觸發事件的對象

四、組件要儘可能封裝成可重用的組件

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