如何寫乙個jquery外掛程式

2022-03-07 17:55:13 字數 1132 閱讀 1760

本文總結整理一下如何寫乙個jquery外掛程式?雖然現今各種mvvm框架異常火爆,但是jquery這個陪伴我們成長,給我們帶來很多幫助的優秀的庫不應該被我們拋棄,寫此文章,作為對以往欠下的筆記的補充,以及對jquery的重溫。

寫jquery外掛程式有三種方法:

1.使用$.extend()來拓展jquery;

2.使用$.fn來給jquery新增新的方法;

3.使用$.widget()應用jquery ui的部件工廠方式建立。

方法一:      

$.extend(,

$(function());

});

方法二:

//方法二(基本):jquery.fn = jquery.prototype = 

$.fn.myplugin = function()

//方法二(傳參):

$.fn.myplugin = function(opt);

var settings = $.extend({},defaults,opt);

debugger;

this.css();

}

//繼續公升級方法二,改造成物件導向的形式來定義外掛程式,提公升外掛程式的可讀性可維護性,

;(function($,window,document,undefined)

this.settings = $.extend({},this.defaults,opts);

};beautifier.prototype = )

}} $.fn.myplugin2 = function(opts)

})(jquery,window,document);

//呼叫

$(function());

});

執行結果:

方法三:這個方法用的較少,暫時不做研究講解。

如何寫乙個jQuery外掛程式

jquery 的外掛程式開發模式主要有三種 這裡我們選用第二種 fn.myplugin functin 因為這種方法是加在jquery物件上,可以在jquery選擇器選擇元素後直接呼叫 body myplugin 若對其他兩種方法有興趣,請自行檢視jquery 官方文件。改變元素的背景顏色外掛程式 ...

如何去寫乙個jquery外掛程式

前些日子,因為專案的需求,自己定製了一款jquery彈窗,這得益於自己之前接觸的專案讓我對於物件導向程式設計有了深刻的理解。在jquery的基礎上拓展一款彈窗外掛程式 jquery原始碼中可知,jquery.fn便是jquery的命名空間。jquery.fn jquery.prototype var...

如何寫乙個Stack?

1.棧是陣列 2.先進後出 3.出棧 4.入棧 手寫乙個雙向鍊錶 棧 public class stackpopandpush public stackpopandpush int lens 返回元素個數 public intsize 返回陣列長度,容量,棧資料長 private intcapaci...