jquery 如何開發自己的jQuery外掛程式

2021-08-25 10:08:52 字數 615 閱讀 8749

1.在jquery命名空間內宣告乙個特定的命名

$.fn.hilight = function() ;
我們可以這樣呼叫:

$('#mydiv').hilight();
2.接收引數來控制外掛程式的行為;

來為我們的hilight外掛程式新增指定前景和背景色的功能,我們需要在函式中允許乙個object型別的選項設定。如下所展示的那樣:

**

$.fn.hilight = function(options) ;

var opts = $.extend(defaults, options);

};

現在,我們的外掛程式可以這樣來呼叫:

$('#mydiv').hilight();
3.提供公有方法訪問外掛程式的配置項值;

上面的**我們可以做一下改進,使得外掛程式的預設值可以在外掛程式之外被設定。這無疑是十分重要的,因為它使得外掛程式使用者可以使用最少的**來修改外掛程式配置,這其實是我們利用函式物件的開始。

$.fn.hilight = function(options) , $.fn.hilight.defaults, options);

}; $.fn.hilight.defaults = ;

如何用node開發自己的cli工具

寫這個工具的靈感以及場景源於youtube的一次閒聊 原本我們寫部落格展示shell,例如 安裝運轉docker,一鍵部署指令碼,等一些終端操作,我們需要進行大量的截圖展示給使用者,為什麼不能更加直觀方便的生成乙個網頁呢?sudo npm install share shell gtw help 1...

開發自己的One Page Scroll外掛程式(二)

開發自己的one page scroll外掛程式 一 我經常會不停地發布當前的版本,從而可以在github上得到不斷的反饋。我的開發模式是不斷的迭代。在開始的時候,我不會太關注它在手機上的效 果,其實到目前我也沒有關注這個問題。但其實我使用了乙個簡單的解決方案。通過檢測和轉換資料,從而在手機上同樣能...

如何開發自己的npm包管理工具

npm adduser 使用者名稱 密碼 郵箱 註冊帳號 npm whoami 檢視當前帳號 sudo npm publish 發布到npmjs.org 注意 sudo許可權npm install npm包名 修改package.json裡的version欄位,注意格式 0.0.1 最前面的是專案或...