jQuery 方法封裝(二)

2022-02-21 07:28:15 字數 2437 閱讀 5440

**:

推薦看原文,此處只是記錄下

// 立刻執行函式

(function($))(jquery);

形參: $

實參: jquery

即是給jquery命名空間下新增新的全域性函式,也稱為靜態方法;

**結構如下

jquery.pluginname = function() ;

例如:$.ajax(),$.extend()就是採用的類級別元件開發;

即是掛在jquery原型下的方法,這樣通過選擇器獲取的jquery物件例項也能共享改方法,稱為動態方法;

**結構如下:

$.fn.pluginname = function() ;

其中:

$.fn === $.prototype;

例如:addclass(),attr()等方法,需要建立例項來呼叫這些方法;

// 例子

$('div').next().addclass()...

$.fn.plugin = function() )

}

return this: 返回當前物件,來維護外掛程式的鏈式呼叫;

each: 迴圈實現每個元素的訪問;

建立物件的例項,存在單例模式;

$.fn.pluginname = function() 

}

說明:如果例項存在,則不再重新建立;

利用data方法來存放外掛程式物件的例項;

(function($) )(jquery);

var pluginname = (function() )();

$.fn.pluginname.defaults = ; 

$.fn.pluginname = function() 

// 在外部可以通過$(selection).pageswitch("init")

if ($.type(options) === "string")

});};

function pluginname(element, options) 

pluginname.prototype = };

(function($) ;

// 合併物件等

var pageswitch = (function() );

this.element = element;

// 初始化外掛程式

this.init()

}// 在pageswitch原型上定義方法,讓例項可以呼叫這些方法

pageswitch.prototype =

};return pageswitch;

})();

// 建立物件例項

$.fn.pageswitch = function(options)

// 在外部可以通過$(selection).pageswitch("init")

if ($.type(options) === "string" || $.type(options) === "string")

});};

// 配置引數

$.fn.pageswitch.default = ,

// 頁面開始的索引值

index: 0,

// 動畫的效果

easing: 'ease',

// 動畫執行的時間

duration: 500,

loop: false,

// 是否進行分頁處理

pagination: true,

// 是否觸發鍵盤事件

kerboard: true,

// 全屏方向,橫屏,豎屏

direction: 'vertical',

// 實現滑屏動畫後執行的**函式

callback: ""

};// 在外掛程式內部初始化,但是這種寫法需要在目標元素上新增data-pageswitch

$(function() {

$("[data-pageswitch]").pageswitch();

jquery 方法封裝

給jquery 身上設定全域性方法 方法一 jquery.myfunction function str 方法一呼叫 myfunction 直接給jq身上設定全域性方法 方法二 同時新增多方法 jquery.extend myfunction1 function str 方法二呼叫 myfuncti...

jQuery封裝ajax的方法

引數有4個,必填引數是url位址,其他引數都是選填引數,可以沒有,引數的形式是物件形式。get 引數有4個,必填引數是url位址,其他引數都是選填引數,可以沒有,引數的形式是物件形式。post 請求成功時執行的函式 有n個引數,預設請求方式是 get 方式 ajax 傳參引數,必須是物件形式,dat...

jQuery封裝ajax的方法

最近在逆戰班學習了jquery,這裡學一些jquery封裝ajax的方法,jquery封裝ajax原理和原生js是一樣的,只是用的是封裝好的方法,具體有三種方式。1,get 方法 從字面意義就可以看出是get請求方法 有4個引數,必填引數是 url位址 其他引數都是選填引數,可以沒有 引數的形式是物...