jquery.extend 與 jquery.fn.extend的區別與使用

$.extend()方法在JQuery中有兩個用法，第一種是擴充方法，第二種是用jquery實作的繼承方式

1>#擴充方法
jQuery.extend

對jQuery物件的擴展，可以理解為靜態

方法，是全域的，不需要實例jQuery就可以使用。

JAVASCRIPT:

<code>jQuery.extend({  <br>    min: function(a, b) {  return a < b ? a : b; },<br/>    max: function(a, b) { return a > b ? a : b; }<br> });</code>

2> jQuery實作的繼承方式

jQuery.extend( [deep], target,

object

1,

[objectN]

) 傳回值:Object

把2個物件合併得到新的target,deep是可選的（

遞歸

合併）合併settings 和options，修改並傳回settings。 jQuery 程式碼:

var settings = { validate: false, limit: 5, name: "foo" }; var options = { validate: true, name: "bar" }; jQuery.extend(settings, options);

結果:

settings == { validate: true, limit: 5, name: "bar" }

<br>描述:<br><br>合併defaults 和options, 不修改defaults。

jQuery 程式碼:

1. var empty = {}; var defaults = { validate: false, limit: 5, name: "foo" }; var options = { validate: true, name: "bar" }; var settings = jQuery.extend(empty, defaults, options);

2. #結果:

   #settings = = { validate: true, limit: 5, name: "bar" }empty == { validate: true, limit: 5, name: "bar" }#jQuery .fn.extend

   对jQuery元素的扩展，只能用在jQuery元素上，可以理解为普通方法。定义插件时需要返回this，以支持jQuery的链式操作。

JAVASCRIPT:

3. ####### ######

以上是jquery.extend 與 jquery.fn.extend的區別與使用的詳細內容。更多資訊請關注PHP中文網其他相關文章！