首頁  >  文章  >  web前端  >  jquery.extend 與 jquery.fn.extend的區別與使用

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

巴扎黑
巴扎黑原創
2017-07-09 11:53:061055瀏覽

$.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的链式操作。
  3. JAVASCRIPT:
  4. ####### ######

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn