10分鐘讓網友們學會寫Jquery插件
0
最近很多網友說jquery插件是什么啊?怎么寫的啊?我不會寫啊?
一大堆的問題一時都不知道怎么回答他們,個人認為是網友們把問題復雜化了。
其實就是把一些常用、實用、通用的功能封裝起來而以,簡單的來講就是把這些代碼放在一個方法里面,可以達到重復使用的效果,這樣就可以不需要每次要用此功能的時候都去重新寫一遍。
現在Jquery里面加入了插件的概念,只要按照它特定的格式當作平時寫function一樣去寫就可以了,不雖然搞得太復雜的。信不信由你們,反正我信了。
接下來用簡單的代碼來講解一下,如果網友們看了還不會寫插件的話,我只能無語了
第一步:定義插件
第二步:調用插件
看完之后我相信網友們應該懂了吧!Jquery插件原來就這么簡單
來源出處:http://www.jq-school.com/Show.aspx?id=169
第一步:定義插件
$(function() { $.fn.插件名稱 = function(options) { var defaults = { Event : "click", //觸發響應事件 msg : "Holle word!" //顯示內容 }; var options = $.extend(defaults,options); var $this = $(this); //當然響應事件對象 //功能代碼部分 //綁定事件 $this.live(options.Event,function(e){ alert(options.msg); }); } });
第二步:調用插件
$(function() { //綁定元素事件 $("#test").插件名稱({ Event : "click", //觸發響應事件 msg : "插件原來就是這么簡單!" //顯示內容 }); });
看完之后我相信網友們應該懂了吧!Jquery插件原來就這么簡單
來源出處:http://www.jq-school.com/Show.aspx?id=169