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