jquery 插件學(xué)習(xí)(四)
更新時(shí)間:2012年08月06日 22:08:51 作者:
如果你明白了前面講的使用jquery.fn對(duì)象屬性的方法創(chuàng)建jquery對(duì)象的方法,那么使用extend()方法創(chuàng)建jquery對(duì)象就比較容易理解了。理解了嗎,一定要仔細(xì)揣摩,仔細(xì)研究。我也是再慢慢的學(xué)習(xí),慢慢的領(lǐng)悟
針對(duì)上面的示例,我們可以調(diào)用jquery.fn.extend()方法來(lái)創(chuàng)建jquery對(duì)象方法。具體代碼如下》
jQuery.fn.extend({
test : function(){
return this.each(function(){
alert(this.nodeName);
})
}
});
調(diào)用跟上面一樣哦
$('body *').click(function(){
$(this).test().html(this.nodeName).hide(1000);
});
到這里,已經(jīng)介紹了寫jquery插件的兩種方法,jquery.extend() 和jquery.fn.extend(),你學(xué)會(huì)了嗎。
復(fù)制代碼 代碼如下:
jQuery.fn.extend({
test : function(){
return this.each(function(){
alert(this.nodeName);
})
}
});
調(diào)用跟上面一樣哦
復(fù)制代碼 代碼如下:
$('body *').click(function(){
$(this).test().html(this.nodeName).hide(1000);
});
到這里,已經(jīng)介紹了寫jquery插件的兩種方法,jquery.extend() 和jquery.fn.extend(),你學(xué)會(huì)了嗎。
相關(guān)文章
JqueryMobile動(dòng)態(tài)生成listView并實(shí)現(xiàn)刷新的兩種方法
本篇文章主要是對(duì)JqueryMobile動(dòng)態(tài)生成listView并實(shí)現(xiàn)刷新的兩種方法進(jìn)行了介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2014-03-03
制作高質(zhì)量的JQuery Plugin 插件的方法
最近jquery非常流行,想個(gè)性化定制一些功能,就可以將代碼寫成插件的形式,方便使用與修改。2010-04-04
jQuery 中msgTips 頂部彈窗效果實(shí)現(xiàn)代碼
最近發(fā)現(xiàn)好多網(wǎng)站都采用頂部彈窗,并且不用用戶手動(dòng)去點(diǎn)擊確定。感覺(jué)這樣很方便用戶,下面小編把實(shí)現(xiàn)代碼分享給大家,感興趣的的朋友一起看看吧2017-08-08
jquery事件機(jī)制擴(kuò)展插件 jquery鼠標(biāo)右鍵事件。
因?yàn)樽罱夹g(shù)長(zhǎng)進(jìn)緩慢,也沒(méi)高手帶,只能靠自己了,所以想仿個(gè)WEBQQ來(lái)鍛煉下自己。做之前最好先把必要的東西準(zhǔn)備好2011-12-12
jquery實(shí)現(xiàn)向下滑出的二級(jí)導(dǎo)航下滑菜單效果
這篇文章主要介紹了jquery實(shí)現(xiàn)向下滑出的二級(jí)導(dǎo)航下滑菜單效果,涉及jquery實(shí)現(xiàn)頁(yè)面結(jié)點(diǎn)樣式動(dòng)態(tài)變換效果的實(shí)現(xiàn)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-08-08
jquery 取子節(jié)點(diǎn)及當(dāng)前節(jié)點(diǎn)屬性值的方法
這篇文章主要介紹了jquery 取子節(jié)點(diǎn)及當(dāng)前節(jié)點(diǎn)屬性值的方法,比較適合新手,也比較實(shí)用,需要的朋友可以參考下2014-08-08
用jQuery實(shí)現(xiàn)檢測(cè)瀏覽器及版本的腳本代碼
2008-01-01

