天天看點

JQuery如何自定義插件——$.fn的使用

              JQuery提供了很多多的插件,粗略一搜,發現還不能用很多來形容:

JQuery如何自定義插件——$.fn的使用

        點了幾個看了看,發現都相當精美,web開發需要的更多的是審美,而不是JS,隻能說JS隻是個基礎吧。

         簡直是開發者的福音啊。但是,這麼多插件有時候也并不是都滿足我們的需求,比如,有時候我們僅僅需要一個輪船的發動機,現在我們卻隻有輪船,我們還需要把輪船拆開,或者有的時候我們需要的部件根本沒有,這時候,我們就需要自己動手啦。

       例如,我以前寫過一個Tab控件,現在要把它做成插件,讓我們來一起看下這個小Demo:

         首先,寫單獨的JS檔案:

       然後,我們在頁面中,加入如下代碼:

              當我們在浏覽器中檢視時,可以點選3個按鈕,做出Tab的切換效果。

JQuery如何自定義插件——$.fn的使用

                 now,練習過制作插件,當下次遇到不合适的插件時,我們可以手寫或者将部分源碼從Demo中拿出來,然後用這些代碼制作成自己的輕量級插件。

繼續閱讀