jquery外掛程式開發總結

2021-10-05 09:57:47 字數 1109 閱讀 5029

類級別:就是給jquery本身加方法

物件級別:就是給jquery物件加方法

jquery.myalert = function() )(jquery);

(function($) )(jquery);

呼叫: $("#mydiv").pluginname();

$(dom).pluginname(options);   //傳引數,進行初始化

$(dom).pluginname(methodname,params);  //呼叫方法,第一種(推薦)

$(dom).pluginname.methodname(params);  //呼叫方法,第二種

(function($)

//定義jquery外掛程式

$.fn.pluginname = function (options,param)

//不是呼叫方法的話,就是傳參來初始化的,下面就進行初始化

options = options || {}; //如果沒有傳引數來的話,預設給空物件

//這裡為什麼要用迴圈,因為有可能是要對多個jquery物件進行初始化

return this.each(function(),$.fn.pluginname.defaults,options);

//把引數放在當前jquery物件的快取裡

$.data(this, 'pluginname',options);

//呼叫初始化方法,該init方法是自己寫的方法,根據需求實現初始化

init(this);

});}; //定義外掛程式的預設引數

$.fn.pluginname.defaults = , //除了引數,這裡還可以定義事件,在外掛程式的實現過程中,在特定的位置呼叫該方法,則可發生事件

onedittask:function(tasktext,taskdate){}

}; //定義對外方法

$.fn.pluginname.methods = );

} };

})(jquery);

jQuery外掛程式開發總結

jquery外掛程式開發兩個底層方法 jquery.extend deep target object1 objectn 將兩個或更多物件的內容合併到第乙個物件。當我們提供兩個或多個物件給 extend 物件的所有屬性都新增到目標物件 target引數 目標物件 第乙個引數 將被修改,並且將通過 e...

jquery外掛程式開發總結

jquery的外掛程式開發主要分三種 extend fn,widget 應用jquery ui的部件工廠方式建立 通常使用第二種方式進行開發。第一種方式如下 extend sayhello 呼叫 sayhello wayou 帶參呼叫 但這種方式無法利用jquery強大的選擇器帶來的便利,要處理do...

jQuery 外掛程式開發

一 類級別的外掛程式開發 即給jquery新增新的全域性函式,相當於給jquery類本身新增方法,jquery的全域性函式就是屬於jquery命名空間的函式。1 新增全域性函式 方法一 jquery.onetest function jquery.twotest function 方法二 jquer...