在線演示

本地下載

（代碼太多請查看原文）

加班，加班加班，我愛加班··· 我已經瘋了，哦也。

這次發一個剛接觸boot的時候用boot做的表單驗證，我們擴展一下tooltip的插件，讓他可以換顏色。

其實挺簡單的，主要是考究代碼閱讀的能力。

boot的代碼寫的很簡單，能省略“;”的地方就省略掉了，而且他的閉包也很有意思

這種寫法等同于

少些一個符號，比較節儉。

他的對外接口寫的就比較正常了：

。。。。

return就好像一個構造函數，.each 讓方法對到每個dom上而不是dom數組。這里new一個Tooltip方法，所有的操作多在這個Tooltip中，應用prototype，把方法細分到細分，盡量原子化方法，做一個面向對象的js方法。

大體的架構就是這個樣子的了。我們需要做的就是加一個參數，然后再應用到這個參數。

首先我們先給它的默認參數里面加一個：

。。。。

然后在我們調取它的方法時候，也同樣加進去這個屬性：

。。。。

一起：

。。。。

這個方法在tooltip的init方法里會被調用 ：

。。。。

它內部對內容和箭頭有特定的命名：$tip 和 $arrow;找了半天，覺得在插入內容的時候，我們來改顏色最好，所以有了下面的代碼：

。。。。

這樣tooltip的擴展就做好啦。

之后我們就可以用他來做一個簡單的表單驗證啦。

效果見代碼演示。

（代碼太多請查看原文）

閱讀全文：擴展一個boot的插件—tooltip&做一個基于boot的表達驗證