首頁 > web前端 > js教程 > 主體

JQuery外掛開發範例程式碼_jquery

WBOY
發布: 2016-05-16 17:17:12
原創
1030 人瀏覽過

JQuery 外掛程式開發:
類別層級開發,開發新的全域函數
物件層級開發,為Jquery物件開發新方法
一、類別層級開發-定義全域方法

複製程式碼 程式碼如下:

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

採用命名空間,可以避免命名空間內函數的衝突。
複製程式碼 程式碼如下:

jQuery.apollo={ 


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


二、對象級別開發-定義jQuery對象方法
 
程式碼如下:


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

//插件透過這樣被呼叫: 
$('#myDiv').pluginName(); 

接受options參數以控制插件的行為
複製程式碼 程式碼如下:

(function($){ 
 (option){ 
        var defaultOption={ 
           🎜>        } 
        $.extend(defaultOption,option); 
        console.log (defaultOption); 
    } 
})(jQuery); 
$(function(){ 
    //Š ?


程式碼如下:


 (function($) {   
  // plugin definition    ; >    debug(this);   
    // ...   
  };   
  // private function for debugging 
因此實作方法無法進入外部包私有的。   function debug($obj) {        if (window.console && window.console.log)       >  };    //  ...    })(jQuery); 
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!