北大青鳥后java學(xué)員持有15上jquery插件開發(fā)

發(fā)，即給jQuery對象添加方法。下面就兩種函數(shù)的開發(fā)做詳細(xì)的說明。典型的例子就是$.AJAX()這個(gè)函數(shù)，將函數(shù)定義于jQuery名空間中。關(guān)于類級別的插添加一個(gè)全局函數(shù)，只需如下定義：jQuery.foo=function()alert('Thisisatest.Thisisonlya3.alert('Thisisatest.Thisisonlya3.alert('Thisfunctiontakesaparameter,whichis"'+param+6.alert('Thisisatest.Thisisonlya+param}雖然在jQuery命名空間中， 某些函數(shù)或變量名將于其他jQuery插件，因此 習(xí)慣將一些方法封裝到另一個(gè)自定義名空間。jQuery.myPlugin{{alert('Thisisatest.Thisisonlyaalert('Thisfunctiontakesaparameter,whichis"'+param+}jQuery.myPlugin={alert('Thisisatest.Thisisonlyaalert('Thisfunctiontakesaparameter,whichis"'+param+}通過這個(gè)技巧（使用獨(dú)立的插件名 1：} 在寫jQuery插件時(shí),也可以使用$這個(gè)別名,而不會(huì)與prototype引起這是一個(gè)單一插件的。如果你的中包含多個(gè)插件，或者互逆的插件（例如$.fn.doSomething()和$.fn.undoSomething()），那么你需要多個(gè)函數(shù)名字。但是，通常當(dāng) 但是如果需要分解的實(shí)現(xiàn)代碼為多個(gè)函數(shù)該怎么辦？有很多：設(shè)計(jì)上的需要；這樣做更容易或更易讀的實(shí)現(xiàn)；而且這樣更符合面向?qū)ο?。這真是一個(gè)麻煩事，把功能實(shí)現(xiàn)分解成多個(gè)函數(shù)而不增加多余javascript中最基本的類對象，可以這樣做。就像其他對象一樣，函數(shù)可以被指定為屬性。因此已經(jīng)“hilight”為jQuery的屬性對象，任何其他的屬性或者函數(shù)需要出來的，都可以在"hilight"函數(shù)中被屬性。稍后繼續(xù)。options對象傳遞//plugin{vardefaults={foreground:'red',//Extendourdefaultoptionswiththoseprovided.varopts=$.extend(defaults,options); //plugin//Extendourdefaultoptionswiththose//Notethatthefirstargtoextendisanemptyobject//thisistokeepfromoverridingour"defaults"object.varopts=$.extend({},$.fn.hilight.defaults,options);//plugindefaults-addedasapropertyonourplugin{foreground:'red',background: ////reground:'green'插件的實(shí)現(xiàn)里面可以定義一個(gè)名叫"format"的函數(shù)來格式化文本 的插件現(xiàn)在看起來像這樣//plugin//i teandreformatea returnthis.each(function(){var$this=//varmarkup=//callourformatmarkup=//defineourformat$.fn.hilight.format={return'<strong>'+txt+很容易的支持 Cycle插件.這個(gè)Cycle插件是一個(gè)滑動(dòng)顯示插件，他能支持許多 但是實(shí)際上，沒有辦法定義也許會(huì)應(yīng)用到滑動(dòng)變化上每種類型的效果。那是這種擴(kuò)展性有用的地方。Cycle$.fn.cycle.transitions=// 的插件中。這個(gè)debug函數(shù)將為輸出被選中的元素格式到firebug//plugin{//functiondebug($obj){if(window.console&&window.console.log)window.console.log('hilightselectioncount:'+$obj.size());// 在你正在寫的插件的基礎(chǔ)上，添加對Metadata插件的支持能使他更強(qiáng)大。個(gè)人來說，喜歡這個(gè)// varopts=$.extend({},$.fn.hilight.defaults,options);returnthis.each(function(){var$this=varo=$.meta?$.extend({},opts,$this.data()):這些變動(dòng)行做了一些事情：它是測試Metadata插件是否被安裝如果它被安裝了，它能擴(kuò)展 jQuery.foo()<!--markup--<divclass="hilight{background:'red',foreground:'white'}">Haveaniceday!<divclass="hilight{foreground:'orange'}">Haveaniceday!<divclass="hilight{background:'green'}">Haveaniceday! { //i teandreformatea returnthis.each(function(){$this=varo=$.meta?$.extend({},opts,$this.data())://updateelementcolor:o.foregroundvarmarkup=//callourformatmarkup=//私有函數(shù)：debuggingfunctiondebug($objif(window.console&&window.console.log)window.console.log('hilightselectioncount:'+$obj.size());//定義format函$.fn.hilight.format={return'<strong>'+txt+{foreground:'red',background:jQuery為開發(fā)插件了兩個(gè)方法，分別是：jQuery.fn.extend(object);給jQuery對象添加方法。jQuery.extend(objectjQuery類本身.為類添加新的方法jQuery.fn=jQtotype=init:function(selector,context)原來jQuery.fn=jQtotype.對prototype肯定不會(huì)陌生啦。雖然javascript沒 用語數(shù)”。jQuery類的實(shí)例可以使用這個(gè)“成員函數(shù)”。 }"$("#input1jQueryalertWhileClick后，便實(shí)現(xiàn)了擴(kuò)展，每次被便為jQuery添加一個(gè)為add的“靜態(tài)方法”，便可以在引入jQuery的地方，使用這個(gè)方法了，$.add(3,4);//return7這段設(shè)計(jì)已經(jīng)讓創(chuàng)建了強(qiáng)大符合規(guī)范的插件。jQuery為開發(fā)插件了兩個(gè)方法，分別是：jQuery.fn.extend(object);jQuery對象添加方法。jQuery.extend(object);jQuery類本身.為類添加新的方法fnjQueryjQuery.fn=jQtotype=init:function(selector,context)原來jQuery.fn=jQtotype.對prototype肯定不會(huì)陌生啦。雖然javascript沒 用語$("#btn1"jQuery數(shù)”。jQuery類的實(shí)例可以使用這個(gè)“成員函數(shù)”。 }$("#input1").alertWhileCl