一種是類級別的插件開發(fā),即給jQuery添加新的全局函數,相當于給jQuery類本身添加方法。jQuery的全局函數就是屬于jQuery命名空間的函數,另一種是對象級別的插件開發(fā),即給jQuery對象添加方法。下面就兩種函數的開發(fā)做詳細的說明。
一.類級別插件開發(fā):類級別的插件開發(fā)最直接的理解就是給jQuery類添加類方法,可以理解為添加靜態(tài)方法。典型的例子就是$.AJAX()這個函數,將函數定義于jQuery的命名空間中.
1.添加一個新的全局函數
jQuery.foo=function(){console.log("This is a foo");}//調用方法:jQuery.foo()或$.foo();
2.使用jQuery.extend(object)
jQuery.extend({foo:function(){},bar:function(params){}});
3.使用命名空間
雖然在jQuery命名空間中,我們禁止使用了大量的javaScript函數名和變量名。但是仍然不可避免某些函數或變量名將于其他jQuery插件沖突,因此我們習慣將一些方法封裝到另一個自定義的命名空間。
jQuery.myPlugin={foo:function(){},bar:function(){}}//調用方法:$.myPlugin.foo();
二.對象級別插件開發(fā)
形式1.(function($){$.fn.extend({foo:function(){}})})(jQuery)
形式2.(function($){$.fn.foo=function(){}})(jQuery)
1.$.fn.hightLight=function(){}//調用方法:$(".div").hightLight()
2.$.fn.hightLight=function(params){var default={forground:'yellow',background:'blue'};var opts=$.extend(default,params);}//調用方法:$(".div").hightLight({forground:'blue'})
因本人技術有限,現階段僅用作記錄收藏他人作品。
當前文章:jQuery插件-創(chuàng)新互聯
URL地址:http://jinyejixie.com/article34/cesope.html
成都網站建設公司_創(chuàng)新互聯,為您提供虛擬主機、電子商務、移動網站建設、定制網站、小程序開發(fā)、手機網站建設
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯