JQuery 插件開(kāi)發(fā)：
類級(jí)別開(kāi)發(fā)，開(kāi)發(fā)新的全局函數(shù)
對(duì)象級(jí)別開(kāi)發(fā)，給Jquery對(duì)象開(kāi)發(fā)新方法
一、類級(jí)別開(kāi)發(fā) -定義全局方法

復(fù)制代碼代碼如下:

jQuery.foo = function() {  
    alert('This is a test.');  
}; 

采用命名空間，可以避免命名空間內(nèi)函數(shù)的沖突。

復(fù)制代碼代碼如下:

jQuery.apollo={  
    fun1:function(){  
        console.log('fun1');  
    },  
    fun2:function(){  
        console.log('fun2');  
    }  
}  

二、對(duì)象級(jí)別開(kāi)發(fā) -定義jQuery對(duì)象方法

復(fù)制代碼代碼如下:

(function($) {     
$.fn.pluginName = function() {   

};   
})(jQuery);  
//插件通過(guò)這樣被調(diào)用：  
$('#myDiv').pluginName();  

接受options參數(shù)以控制插件的行為

復(fù)制代碼代碼如下:

(function($){  
    $.fn.fun2=function(option){  
        var defaultOption={  
            param1:'param1',  
            param2:'param2'  
        }  
        $.extend(defaultOption,option);  
        console.log(defaultOption);  
    }  
})(jQuery);  
$(function(){  
    //通過(guò)這樣調(diào)用  
    $(&quot;body&quot;).fun2({  
        param1:'new Param1'  
    });  
});  

保持私有函數(shù)的私有性

復(fù)制代碼代碼如下:

 (function($) {    
  // plugin definition    
  $.fn.hilight = function(options) {    
    debug(this);    
    // ...    
  };    
  // private function for debugging  
  //“debug”方法不能從外部閉包進(jìn)入,因此對(duì)于我們的實(shí)現(xiàn)是私有的。  
  function debug($obj) {    
    if (window.console &amp;&amp; window.console.log)    
      window.console.log('hilight selection count: ' + $obj.size());    
  };    
//  ...    
})(jQuery);  

您可能感興趣的文章:

JQuery

相關(guān)文章

基于jQuery Circlr插件實(shí)現(xiàn)產(chǎn)品圖片360度旋轉(zhuǎn)
Circlr是一款可以對(duì)產(chǎn)品圖片進(jìn)行360度全方位旋轉(zhuǎn)展示的jQuery插件，本文給大家分享一款基于jQuery Circlr插件實(shí)現(xiàn)產(chǎn)品圖片360度旋轉(zhuǎn)，大家一起來(lái)看看吧
2015-09-09
使用jQuery輕松實(shí)現(xiàn)Ajax的實(shí)例代碼
在Asp.Net的MVC架構(gòu)中使用jQuery是一件很容易的事情，而使用jQuery實(shí)現(xiàn)Ajax更加簡(jiǎn)單。
2010-08-08
Jquery 數(shù)據(jù)選擇插件Pickerbox使用介紹
目前市面上很少見(jiàn)或幾乎沒(méi)有這數(shù)據(jù)(對(duì)象)選擇插件.比如,點(diǎn)擊input , select 元素時(shí)彈出div(窗口),載入數(shù)據(jù)讓用戶選擇數(shù)據(jù),選擇后在填充回對(duì)應(yīng)的元素.
2012-08-08
jquery插件Jplayer使用方法簡(jiǎn)析
這篇文章主要介紹了jquery插件Jplayer使用方法簡(jiǎn)析，具有實(shí)用價(jià)值，感興趣的小伙伴們可以參考一下
2016-04-04
jquery Validation表單驗(yàn)證使用詳解
功能強(qiáng)大的 jquery 表單驗(yàn)證插件，適用于日常的 E-mail、電話號(hào)碼、網(wǎng)址等驗(yàn)證及 Ajax 驗(yàn)證，除自身?yè)碛胸S富的驗(yàn)證規(guī)則外，還可以添加自定義的驗(yàn)證規(guī)則。兼容 IE 6+, Chrome, Firefox, Safari, Opera 10+
2015-04-04
jQuery中[attribute=value]選擇器用法實(shí)例
這篇文章主要介紹了jQuery中[attribute=value]選擇器用法,實(shí)例分析了[attribute=value]選擇器的功能、定義及給定屬性及屬性值元素的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2014-12-12
解決jquery中美元符號(hào)命名沖突問(wèn)題
在Jquery中，$是JQuery的別名，所有使用$的地方也都可以使用JQuery來(lái)替換,下面為大家介紹下如何解決jquery中美元符號(hào)命名沖突問(wèn)題
2014-01-01
jQuery實(shí)現(xiàn)左側(cè)導(dǎo)航模塊的顯示與隱藏效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)左側(cè)導(dǎo)航模塊的顯示與隱藏效果,涉及jQuery相應(yīng)鼠標(biāo)事件動(dòng)態(tài)操作頁(yè)面元素樣式的相關(guān)技巧,需要的朋友可以參考下
2016-07-07
jQuery實(shí)現(xiàn)的鼠標(biāo)拖動(dòng)畫矩形框示例【可兼容IE8】
這篇文章主要介紹了jQuery實(shí)現(xiàn)的鼠標(biāo)拖動(dòng)畫矩形框,結(jié)合實(shí)例形式分析了jQuery基于事件響應(yīng)及頁(yè)面元素屬性動(dòng)態(tài)操作實(shí)現(xiàn)的圖形繪制相關(guān)操作技巧,需要的朋友可以參考下
2019-05-05
jQuery+slidereveal實(shí)現(xiàn)的面板滑動(dòng)側(cè)邊展出效果
WEB開(kāi)發(fā)中有時(shí)需要在頁(yè)面上設(shè)置一個(gè)控制面板，默認(rèn)是不顯示的，當(dāng)用戶有需要時(shí)可以通過(guò)按鈕觸發(fā)調(diào)用面板展示。常見(jiàn)的有頁(yè)面?zhèn)冗吇雒姘逍Ч１疚膶⑹褂胘Query插件并結(jié)合實(shí)例給大家介紹一下面板滑動(dòng)展示效果。
2015-03-03