封裝簡單的jquery外掛程式

2021-08-28 13:07:41 字數 1272 閱讀 1599

1.定乙個閉包區域,防止外掛程式"汙染"

//閉包限定命名空間

(function ($) )(window.jquery);

2.jquery.fn.extend(object)擴充套件jquery 方法,製作外掛程式

//閉包限定命名空間

(function ($)

});})(window.jquery);

3.給外掛程式預設引數,實現 外掛程式的功能

//閉包限定命名空間

(function ($) , de****ts, options); //使用jquery.extend 覆蓋外掛程式預設引數

this.each(function () );

});}

});//預設引數

var de****ts = ;

})(window.jquery);

到這一步,高亮外掛程式基本功能已經具備了。呼叫**如下:

$(function () );
//閉包限定命名空間

(function ($) , de****ts, options); //使用jquery.extend 覆蓋外掛程式預設引數

return this.each(function () );

//格式化高亮文字

var markup = $this.html();

markup = $.fn.highlight.format(markup);

$this.html(markup);

});}

});//預設引數

var de****ts = ;

//公共的格式化 方法. 預設是加粗,使用者可以通過覆蓋該方法達到不同的格式化效果。

$.fn.highlight.format = function (str)

//私有方法,檢測引數是否合法

function isvalid(options)

})(window.jquery);

//呼叫

//呼叫者覆蓋 外掛程式暴露的共公方法

$.fn.highlight.format = function (txt)

$(function () ); //呼叫自定義 高亮外掛程式

});

jQuery外掛程式的封裝

jquery外掛程式的封裝 fn上面新增乙個方法當需要給jquery物件 增加方法時,可以設定 fn下面新增乙個方法 這樣新增好以後,jquery物件就有這個方法了div div divs div div div p p p 當需要給jquery物件 增加方法時,可以設定 fn下面新增乙個方法 這樣...

封裝自己的jquery外掛程式

第一步 要想封裝自己的jq外掛程式,要先了解jquery外掛程式執行機制。jquery使用無new的構造方式,直接 進行構造,相當於new jquery 看下面例子。jquery將jquery.prototype賦值給jquery.prototype.init的prototype作為中轉站,最終re...

jQuery外掛程式封裝入門

jquery外掛程式我們用的很多,也很好用,我在生產任務中也碰到了很多冗餘 我就想把他們封裝起來,一直百思不得其解,現在捅破了這個窗戶紙,分享給大家。首先大家對prototype這個方法應該不陌生,array.prototype.say function str 這樣就給陣列增加了乙個新的方法,用的...