Jquery 自定義外掛程式

2021-10-02 15:46:30 字數 836 閱讀 3860

jquery外掛程式分三種:

1.給jquery原型新增全域性函式

2.給jquery物件新增擴充套件

3.擴充套件器擴充套件

自定義jquery外掛程式的一些規約

1.命名

jqurey.pluginname.js

2.擴充套件規則

新方法新增到 jquery.fn上

新功能新增到jquery上

3.this指標

this應指向jquery

4.迭代元素

外掛程式應該可以使用this.each迭代所有匹配到的元素

在this.each內this應該指向當前匹配的dom元素

5.返回值

無特殊原因應該返回jquery物件 保持鏈式結構

6.語法

句尾加上;便於壓縮

在外掛程式中入口引數使用jquery不要使用$ 便於必要時交出$變數控制權

7.一般遵循的固定模版

(function($);

//合併預設引數與使用者指定引數

settings = $.extend(defaultsettings, settings);

return this.each(function());

});})(jquery)

8.extend函式

extend(object1)

extend(target,object1,[objectn])

extend(deep,target,[object1],[objectn])

deep為是否遞迴 深拷貝

target省略時預設想this上新增 即向jquery jquery.fn上新增

jquery自定義外掛程式

jquery自定義外掛程式的幾種常用的方法 第一種方法 fn.fun function target fun 第二種方法 fn.extend target fun 第三種方法 extend fun 在這裡需要詳細解釋一下jquery的api extend var obj1 var obj2 var ...

jquery自定義外掛程式

實現方法 jquery為開發外掛程式提拱了兩個方法,分別是 jquery.fn.extend object 給jquery物件新增方法。jquery.extend object 為擴充套件jquery類本身.為類新增新的方法,可以理解為新增靜態方法。這兩個方法都接受乙個引數,型別為object,ob...

jquery 自定義外掛程式

jquery學堂是乙個很不錯的地方。如果想要自己學一些jquery的外掛程式。而不想去每次都寫那些複雜的函式。那麼下面的方法可以幫助你。下面就自己寫乙個jquery.yangzhi.js.function var options extend defaults,options var this th...