jquery開發js外掛程式

1.需要掌握的知識點

1）(function($)(jquery)):實際上就是匿名函式並且函式用（）闊起來，形成閉包，外界對其內部函式沒有影響

$(function());jquery(function($) );  $(document).ready(function())用法都是一樣的，我們自定義外掛程式時需要用到

2）$.extend()，$.fn.extend()區別

最主要的特徵：$.extend()是擴充套件的是jquery類的靜態成員

$.fn.extend()擴充套件的是jquery類例項化物件成員

2.自定義控制項分類：帶參外掛程式；不帶參外掛程式

1）不帶參外掛程式

"

-//w3c//dtd xhtml 1.0 transitional//en""
">
"">"
button
" value="
點選我" id="
btn" />
view code
方式一：
(function($)); 
}}); 
})(jquery);
方式二：

(function($)

})(jquery);

$.fn.extend是例項的擴充套件；$.extend是類的擴充套件

"

-//w3c//dtd xhtml 1.0 transitional//en""
">
"">"
mydiv
">this is a params jquery!

方式一：

(function($);
var opts =$.extend(defaults,options);//將defaults與options結合在一起放到$類中作為其成員變數再被賦值給opts在這個區域內做相應操作
//dosomethings
}; })(jquery);
方式二：
(function($)
};//這裡還要將引數放到$中
var opts=$.extends(defaults,options)
//dosomethings
})(jquery);

jQuery 外掛程式開發

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

jquery 外掛程式開發

自定義主要通過兩種方式實現 extend fn.extend 呼叫的方法分別是 aa this aa 注意 建立函式時不要放在 function 中，呼叫時候要放在事件裡面 this click function jquery.extend 函式詳解 jquery的extend擴充套件方法 jque...

jquery 外掛程式開發

jquery外掛程式開發一般通過兩種框架方式 一種是在jquery物件上直接定義新成員，形成外掛程式 另一種是封裝完整的外掛程式 然後將jqeury作為引數自身呼叫，達到給jquery物件擴充套件功能目的，形成外掛程式。其實兩種方式都是給jqeury物件擴充套件成員來實現外掛程式功能的，所以本質上功...