建立jQuery外掛程式

2021-09-11 16:16:46 字數 1351 閱讀 6133

①全域性（類）方法 【開發頻率低】②物件（例項）方法【開發頻率高】選擇器

$.外掛程式=fun      $.名字空間=     $.extend({})

$.fn.外掛程式=fun   $.fn.名字空間=  $.fn.extend({})

方法名:function(){},

方法名:function(){},

var newobject=$.extend({},{},{}…)       合併多個物件
$.外掛程式()—全域性(類)方法   外掛程式開發

//1.直接給jquery新增全域性函式


jquery.myalert1=function (str) ;


//2.使用命名空間(如果不使用命名空間容易和其他引入的js庫裡面的同名方法衝突)


jquery.webdev=,


centerwindow:function (obj) );


//必須進行返回物件的操作，否則就不能繼續往下進行鏈式操作了。。


return obj;


}};//3.用extend()方法。


jquery.extend(,


myalert4:function () 


});
$().外掛程式()—物件(例項)方法  外掛程式開發

原理：jquery外掛程式的實質，其實就是給jquery原型物件增加乙個新的方法，讓jquery物件擁有某乙個功能。

通常通過給$.fn新增方法就能夠擴充套件jquery物件。

$是jquery的簡寫，fn是prototype的簡寫。

$.fn就相當於jquery.prototype

語法：$.fn.方法名  = function(){};

$().外掛程式()—物件(例項)方法  外掛程式開發 模板


;(function ($) ;


//options合併到defaults上,defaults繼承了options上的各種屬性和方法,將所有的賦值給endoptions


var endoptions=$.extend(defaults,options);


this.each(function () );


};})(jquery);

你還不會建立jQuery外掛程式 ？

如何建立乙個jquery外掛程式 為什麼要建立jquery外掛程式 因為這樣 可以復用。我們有這樣乙個頁面，頁面上面有如下的文字 看原始碼 我們想要的效果是，當滑鼠移到鏈結的時候，用乙個浮動的div來顯示a標籤的title內容.這是通過js來完成的。假設有乙個方法tooltip 你只需要呼叫這個方法...

jQuery外掛程式之日曆外掛程式

在頁面開發中，經常遇到需要使用者輸入日期的操作。通常的做法是，提供乙個文字框 text 讓使用者輸入，然後，編寫 驗證輸入的資料，檢測其是否是日期型別。這樣比較麻煩，同時，使用者輸入日期的操作也不是很方便，影響使用者體驗。如果使用jquery ui中的datepicker 日曆 外掛程式，這些問題都...

jQuery常用外掛程式 cookie外掛程式

使用cookie外掛程式後，可以很方便地通過cookie物件儲存 讀取 刪除使用者的資訊，還能通過cookie外掛程式儲存使用者的瀏覽記錄 1.語法 1 呼叫格式 cookie key，value，option 其中引數key為儲存cookie物件的名稱，value為名稱對應的cookie值。2 儲...