• 您現(xiàn)在的位置： 創(chuàng)新互聯(lián) >> 網(wǎng)站建設(shè) >> 網(wǎng)站建設(shè)常見問題 >> 自己動手開發(fā)jQuery插件

自己動手開發(fā)jQuery插件

• 作者：譚小姐 文章來源：網(wǎng)站制作設(shè)計部 點擊數(shù)：1612 更新時間：2009-9-14
• 首先要了解jQuery插件開發(fā)分兩種，1.類級別的插件開發(fā)。2.對象級別插件開發(fā)。
  什么? 你居然問什么是類級別和什么是對象級別?
  類級別你可以理解為拓展jquery類，最簡單的$.post(...);
  對象級別則可以理解為基于對象的拓展，如$("#Me").fuck(...); 這里這個fuck呢，就是基于對象的拓展了。點到即止，想深入的童鞋請花RMB買書Or網(wǎng)上查資料,書上比俺介紹得更清楚。so...Next...
  至于您要寫一個什么東東呢?就輪到前面提到的類級別和對象級別的造型登場了，因為這寫法大千世界無奇不有，千奇百怪，各有千秋，寫法規(guī)范也不統(tǒng)一，俺就按俺覺得最簡便的方法寫了，Hava a Look!
  <script type="text/javascript">
  jQuery.msg = function () {
  alert("123");
  };
  </script>
  <script type="text/javascript">
  $(function () {
  $.msg();
  });
  </script>
  類級別寫法：jQuery.插件名稱=function(){.....};
  調(diào)用方法：$.插件名稱();
  暴露參數(shù)這些東西，先暫時不提到。一步步來..
  上面這玩意兒呢，彈出對話框插件，這么說，是先理解要緊，什么是插件，什么是類級別的插件?來看一下頁面啟動的效果，上圖上真相，你懂的..
  來比較一下對象級別插件寫法：Go on!
  (function($) {
  $.fn.pluginName = function() {
  // 代碼區(qū)域。
  };
  })(jQuery);
  對象級別寫法：$.fn.插件名稱 = function(){};多了一個fn,沒錯，是fn! fn!!! fn!!!
  調(diào)用方法：$("#Me").插件名稱();
  稍微說一下，$.插件名稱();是通過$訪問調(diào)用jquery中的全局函數(shù)，直接可以通過jquery或者美元$調(diào)用，從而實現(xiàn)一些效果。
  $("#Me").插件名稱();是通過一個jquery對象所調(diào)用的一個函數(shù)，什么? 你居然發(fā)現(xiàn)這個寫法外面一層多了個東東? 阿? 你問怎么回事?
  The First,我們必須先了解一下閉包這個玩意兒的造型(框架)，Look!，這就是傳說中用來開發(fā)jQuery插件的東東
  （function($){
  //這里是您寫東東的地方，不收地稅，工商稅，個人所得稅等..放心大膽使用。
  }）(jQuery);
  (function($){ //這里是您寫東東的地方，不收地稅，工商稅，個人所得稅等..放心大膽使用。})(jQuery);
  這里function 后面的$參數(shù)，形參，在函數(shù)體內(nèi)部的使用呢，$就是當(dāng)前您當(dāng)前整在調(diào)用該函數(shù)的對象了，這樣就能干很多事了....你懂的。
  用一個tabs面板切換插件來詳細(xì)演示一下jQuery對象級別插件的具體開發(fā),直接上代碼。
• 上一篇文章：jQuery實戰(zhàn)開發(fā)表單驗證與自動完成提示插件
  下一篇文章：淺析jQuery頁面漸顯效果的實現(xiàn)