有很多朋友都用過(guò)jquery插件,但是很少有人自己動(dòng)手寫過(guò)jQuery插件,本文就以實(shí)例形式簡(jiǎn)單敘述了jQuery插件的實(shí)現(xiàn)方法。分享給大家供大家參考之用。具體方法如下:
具體而言,其實(shí)就是把一些常用、實(shí)用、通用的功能封裝起來(lái)而以,簡(jiǎn)單的來(lái)講就是把這些代碼放在一個(gè)方法里面,可以達(dá)到重復(fù)使用的效果,這樣就可以不需要每次要用此功能的時(shí)候都去重新寫一遍。
現(xiàn)在Jquery里面加入了插件的概念,只要按照它特定的格式當(dāng)作平時(shí)寫function一樣去寫就可以了,不雖然搞得太復(fù)雜的。信不信由你們,反正我信了。
接下來(lái)用簡(jiǎn)單的代碼來(lái)講解一下,如果大家看了還不會(huì)寫插件的話,我只能表示無(wú)語(yǔ)了
具體步驟如下:
第一步:定義插件
$(function() { $.fn.插件名稱 = function(options) { var defaults = { Event : "click", //觸發(fā)響應(yīng)事件 msg : "Holle word!" //顯示內(nèi)容 }; var options = $.extend(defaults,options); var $this = $(this); //當(dāng)然響應(yīng)事件對(duì)象 //功能代碼部分 //綁定事件 $this.live(options.Event,function(e){ alert(options.msg); }); } });
第二步:調(diào)用插件
$(function() { //綁定元素事件 $("#test").插件名稱({ Event : "click", //觸發(fā)響應(yīng)事件 msg : "插件原來(lái)就是這么簡(jiǎn)單!" //顯示內(nèi)容 }); });
至此,最簡(jiǎn)單的插件搞定!10分鐘不到!相信大家應(yīng)該都看懂了吧!jQuery插件原來(lái)就這么簡(jiǎn)單。
新聞熱點(diǎn)
疑難解答
圖片精選