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 這樣就給陣列增加了乙個新的方法,用的...