新作簡單實用的jQuery操作等待插件以及插件開發簡介

          最近還是一直忙于OA的開發,有種又要回歸兩年前的那種開發模式,不同的是現在脫離以前的開發框架。完全由自己親手建立。所以今天帶來一款比較簡單實用的jQuery操作等待插件。這個插件的誕生來自于在調試中,老是碰到要加載大量數據,頁面延時又有點長,而且又沒有一點什么東西用于頁面展示。所以這個插件就出來了,在開發這個插件前雖然我以前有過開發jQuery插件的經驗。畢竟這么長時間過去了,所以我還是翻了翻資料的。在這里順便也做個記錄,如果有這方面需求的朋友也可以來參考一下。好,下面進入正題:
          在開發jQuery插件前,首先我們要分清楚我們所開發的插件應該要有什么樣的調用方式。不同的調用方式,插件的開發也是不同的。一般jQuery的插件分為兩類:

          類級別對象級別

          類級別jQuery插件

          我對類級別的理解就是相當于在jQuery這個大類里面添加了一個新的子類。將自己的函數定義到jQuery的命名空間中去。那么類級別的開發有如下幾種方式:

          1、全局函數
          添加全局函數我們只需要像定義普通的事件一樣進行定義:
          [code lang=”js”]$.Fangsi = function() {
          alert(‘歡迎加入放肆.NET(C#)軟件交流群’);
          };
          //調用方法:$.Fangsi();[/code]
          當然,我們有時候還需傳遞參數,那么我們可以用這樣的方式進行定義:
          [code lang=”js”]jQuery.Fangsi = function(param) {
          alert(‘歡迎加入放肆.NET(C#)軟件交流群,群號為:’ + param);
          };
          //調用方法:$.Fangsi("44329330");[/code]
          2、使用jQuery.extend(object)
          使用這個方法和定義全局函數的方法相似:
          [code lang=”js”]jQuery.extend({
          Fangsi: function() {
          alert(‘歡迎加入放肆.NET(C#)軟件交流群’);
          },
          QQGroup: function(param) {
          alert(‘歡迎加入放肆.NET(C#)軟件交流群,群號為:’ + param);
          }
          }); [/code]
          3、使用命名空間
          因為眾所周知jQuery框架龐大,內置很多函數屬性。所以我們在開發插件的時候很容易使用到它已經使用過的函數名或者屬性名。所以我們可以使用命名空間來有效避免撞名等問題:
          [code lang=”js”]jQuery.Fangsi = {
          Open:function() {
          alert(‘歡迎加入放肆.NET(C#)軟件交流群’);
          },
          QQGroup:function(param) {
          alert(‘歡迎加入放肆.NET(C#)軟件交流群,群號為:’ + param);
          }
          };
          //采用命名空間的函數仍然是全局函數,調用時采用的方法:
          $.Fangsi.Open();
          $.Fangsi.QQGroup(‘44329330’); [/code]

          對象級別的jQuery插件

          開發對象級別的jQuery插件有兩種方式可以做到:

          1、使用$.fn.extend方式:
          [code lang=”js”](function($){
          $.fn.extend({
          pluginName:function(param,callback){
          alert(‘歡迎加入放肆.NET(C#)軟件交流群’);
          }
          })
          })(jQuery);[/code]
          2、使用$.fn.插件名 方式:
          [code lang=”js”](function($) {
          $.fn.pluginName = function() {
          alert(‘歡迎加入放肆.NET(C#)軟件交流群’);
          };
          })(jQuery); [/code]
          當然調用中我們需要傳遞對象過去,總不能讓人自己一個人擼吧,所以可以用以下的方式進行調用:
          [code lang=”js”]$(‘#Fangsi’).pluginName(); [/code]
          好了,插件的開發今天就大概分享這么多。其中還有很多包括參數傳遞,以及函數內對象的引用還有一些私有函數等等這些大家可以自行百度啦,因為我也不是很清楚。我就把我知道的大概梳理了一下。最后分享我寫的jQuery操作等待插件。

          jQuery操作等待插件

          所謂無圖無真相,那么第一件事當然是上圖:
          jquerywait

          圖都上了,下面就是整個插件的Demo了:

          鏈接:jQuery操作等待插件 By 胖子.zip
          密碼:r8aw

          本博客所有文章如無特別注明均為原創

          如果覺得對你有幫助,可以通過下方打賞對作者表示鼓勵

          本文采用知識共享署名-非商業性使用-相同方式共享

          如若轉載,請注明出處:《新作簡單實用的jQuery操作等待插件以及插件開發簡介》http://www.solariosolutions.com/1038.html

          (0)
          打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
          鋒哥的頭像鋒哥管理員
          上一篇 2014年11月7日 11:32
          下一篇 2015年1月16日 09:49

          相關推薦

          發表回復

          登錄后才能評論
          国产厨房乱子伦露脸,XXXXAAA欧美,日本 888 XXXX,国产欧美日韩一区二区图片