欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript的jQuery庫(kù)插件的簡(jiǎn)要開(kāi)發(fā)指南

 更新時(shí)間：2015年08月12日 16:55:41   作者：libuchao  
這篇文章主要介紹了JavaScript的jQuery庫(kù)插件的簡(jiǎn)要開(kāi)發(fā)指南,分為基于選擇器的插件和不基于選擇器的插件兩種情況,需要的朋友可以參考下

jQuery 插件通常分兩類(lèi)。

  1.     基于選擇器的插件（支持鏈?zhǔn)讲僮鳎?/li>
  2.     不基于選擇器的插件（不支持鏈?zhǔn)讲僮鳎?/li>

前段時(shí)間簡(jiǎn)單學(xué)習(xí)了 jQuery 插件開(kāi)發(fā)，開(kāi)發(fā)了兩個(gè)簡(jiǎn)單的插件，在此對(duì)兩種插件的開(kāi)發(fā)模式做簡(jiǎn)要總結(jié)。
基于選擇器的插件

通常開(kāi)發(fā)模式如下：

(function($, window, undefined) {
 $.fn.PluginName = function(opts) {
 var defaults = {
  // 插件自定義選項(xiàng)的默認(rèn)值
 };

 // 以用戶的自定義選項(xiàng)覆蓋默認(rèn)選項(xiàng)
 var options = $.extend(defaults, opts || {});

 return this.each(function() { // 讓插件支持鏈?zhǔn)讲僮?
  // 在這里編寫(xiě)插件功能代碼
 });
 };
})(jQuery, window);

首先，創(chuàng)建一個(gè)匿名的自執(zhí)行函數(shù)，形參為 $ 、 window 和 undefined，實(shí)參為 jQuery 和 window。

嗯？為什么沒(méi)有為 undefined 對(duì)應(yīng)地傳入一個(gè)實(shí)參呢？這是一個(gè)小技巧，考慮到 undefined 這個(gè)變量名可能在其它地方的 JavaScript 代碼賦過(guò)值，失去了它真正的意義，所以這里干脆不傳入這個(gè)參數(shù)，以確保它在那個(gè)匿名自執(zhí)行函數(shù)中是真正的 undefined。

jQuery 傳入后對(duì)應(yīng)為 $，這樣可以保證插件內(nèi)調(diào)用的 $ 一定是 jQuery 而非 Prototype 之類(lèi)的庫(kù)。

此類(lèi)插件的調(diào)用方式一般為 $(selector).PluginName(); 這種形式。

此類(lèi)具體示例可參考 https://github.com/libuchao/KTwitter
不基于選擇器的插件

由于此類(lèi)插件不依賴于選擇器，所以也無(wú)鏈?zhǔn)讲僮饕徽f(shuō)。一般開(kāi)發(fā)模式如下：

(function($, window, undefined) {
 $.PluginName = function(opts) {
 var defaults = {
  // 插件自定義選項(xiàng)的默認(rèn)值
 };

 // 以用戶的自定義選項(xiàng)覆蓋默認(rèn)選項(xiàng)
 var options = $.extend(defaults, opts || {});

 // 在這里編寫(xiě)插件功能代碼
 };
})(jQuery, window);

此類(lèi)插件的調(diào)用形式一般為 $(selector).PluginName(); 這種形式。

相關(guān)文章

最新評(píng)論