jQuery中的外掛程式機制

我們在很多地方都用過外掛程式，外掛程式能讓我們操作某個東西變得異常方便，jquery也不例外，為了擴充套件jquery庫函式，jquery提供了兩種方式：

來看一下例子：

$.extend(,
//注意每個方法之間要用英文逗號隔開
max:
function
(a,b)})
;var min = $.
min(5,
7); console.
log(min)
;var max = $.
max(5,
7); console.
log(max)
;<
/script>

(function
($)return a < b ? a : b;},
$.max=
function
(a,b)})
(jquery)
;//傳入jquery物件
var min = $.
min(5,
7); console.
log(min)
;var max = $.
max(5,
7); console.
log(max)
;<
/script>

同樣來看個例子：

type

="checkbox"
name
="hobby"
value
="1"
checked
="checked"
/>
足球type
="checkbox"
name
="hobby"
value
="2"
/>
籃球type
="checkbox"
name
="hobby"
value
="3"
checked
="checked"
/>
桌球

$.fn.
extend(}
);if(result !="")
return result;}}
);//呼叫擴充套件函式
var result =$(
"[name='hobby']").
values()
; console.
log(result)
;<
/script>

(function
($)var result ="";
this
.each
(function()
});if
(result !="")
return result;}}
)(jquery)
;//傳入jquery物件
<
/script>

jQuery中外掛程式機制

1.jquery.extend object 擴充套件jquery物件本身，主要是用來擴充套件jquery全域性函式 呼叫時直接 函式名 引數 charset utf 8 外掛程式機制title src js jquery 3.3.1.js script extend max function a,...

jQuery 外掛程式機制

簡介 利用jquery提供的 fn.extend 和 extend 方法，擴充套件 extend 擴充套件jquery的類方法 作用 1.合併物件 var a var b 後面加到前面，屬性相同的後面覆蓋前面的屬性 console.log extend a,b 2.擴充套件jquery類方法 var...

jQuery外掛程式機制

為了擴充套件jquery庫函式，jquery提供了兩種方式 jquery.extend object 擴充套件jquery物件本身，主要是用來擴充套件jquery全域性函式 呼叫時直接 函式名 引數 如下例子 jquery.fn.extend object 擴充套件 jquery 元素集，主要用於擴...