JQuery插件開發(fā)示例代碼
更新時間：2013年11月06日 17:05:33 作者：
JQuery插件開發(fā)示例代碼
JQuery 插件開發(fā)：
類級別開發(fā)，開發(fā)新的全局函數
對象級別開發(fā)，給Jquery對象開發(fā)新方法
一、類級別開發(fā) -定義全局方法
復制代碼 代碼如下:
jQuery.foo = function() {
alert('This is a test.');
};
采用命名空間，可以避免命名空間內函數的沖突。
復制代碼 代碼如下:
jQuery.apollo={
fun1:function(){
console.log('fun1');
},
fun2:function(){
console.log('fun2');
}
}
二、對象級別開發(fā) -定義jQuery對象方法
復制代碼 代碼如下:
(function($) {
$.fn.pluginName = function() {
};
})(jQuery);
//插件通過這樣被調用：
$('#myDiv').pluginName();
接受options參數以控制插件的行為
復制代碼 代碼如下:
(function($){
$.fn.fun2=function(option){
var defaultOption={
param1:'param1',
param2:'param2'
}
$.extend(defaultOption,option);
console.log(defaultOption);
}
})(jQuery);
$(function(){
//通過這樣調用
$("body").fun2({
param1:'new Param1'
});
});
保持私有函數的私有性
復制代碼 代碼如下:
(function($) {
// plugin definition
$.fn.hilight = function(options) {
debug(this);
// ...
};
// private function for debugging
//“debug”方法不能從外部閉包進入,因此對于我們的實現是私有的。
function debug($obj) {
if (window.console && window.console.log)
window.console.log('hilight selection count: ' + $obj.size());
};
// ...
})(jQuery);
相關文章
Circlr是一款可以對產品圖片進行360度全方位旋轉展示的jQuery插件，本文給大家分享一款基于jQuery Circlr插件實現產品圖片360度旋轉，大家一起來看看吧2015-09-09
在Asp.Net的MVC架構中使用jQuery是一件很容易的事情，而使用jQuery實現Ajax更加簡單。2010-08-08
目前市面上很少見或幾乎沒有這數據(對象)選擇插件.比如,點擊input , select 元素時彈出div(窗口),載入數據讓用戶選擇數據,選擇后在填充回對應的元素.2012-08-08
這篇文章主要介紹了jquery插件Jplayer使用方法簡析，具有實用價值，感興趣的小伙伴們可以參考一下2016-04-04
功能強大的 jquery 表單驗證插件，適用于日常的 E-mail、電話號碼、網址等驗證及 Ajax 驗證，除自身擁有豐富的驗證規(guī)則外，還可以添加自定義的驗證規(guī)則。兼容 IE 6+, Chrome, Firefox, Safari, Opera 10+2015-04-04![jQuery中[attribute=value]選擇器用法實例](http://img.jbzj.com/images/xgimg/bcimg5.png)
jQuery中[attribute=value]選擇器用法實例
這篇文章主要介紹了jQuery中[attribute=value]選擇器用法,實例分析了[attribute=value]選擇器的功能、定義及給定屬性及屬性值元素的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2014-12-12
在Jquery中，$是JQuery的別名，所有使用$的地方也都可以使用JQuery來替換,下面為大家介紹下如何解決jquery中美元符號命名沖突問題2014-01-01
這篇文章主要介紹了jQuery實現左側導航模塊的顯示與隱藏效果,涉及jQuery相應鼠標事件動態(tài)操作頁面元素樣式的相關技巧,需要的朋友可以參考下2016-07-07
這篇文章主要介紹了jQuery實現的鼠標拖動畫矩形框,結合實例形式分析了jQuery基于事件響應及頁面元素屬性動態(tài)操作實現的圖形繪制相關操作技巧,需要的朋友可以參考下2019-05-05
jQuery+slidereveal實現的面板滑動側邊展出效果
WEB開發(fā)中有時需要在頁面上設置一個控制面板，默認是不顯示的，當用戶有需要時可以通過按鈕觸發(fā)調用面板展示。常見的有頁面?zhèn)冗吇雒姘逍Ч１疚膶⑹褂胘Query插件并結合實例給大家介紹一下面板滑動展示效果。2015-03-03