jquery.extend(object):擴充套件jquery物件本身,主要是用來擴充套件jquery全域性函式 ,呼叫時直接$.函式名(引數)
>
>
charset
="utf-8"
>
>
title
>
src=
"js/jquery-3.3.1.js"
>
script
>
head
>
>
>
var object =
,//在object中定義方法min
max:
function
(a,b)
//在object中定義方法max
}//初始化式建立物件
$.extend
(object)
;//新增到jquery函式庫中
console.
log(
"結果為:"
+$.min(1
,23))
;//新增後即可通過$直接呼叫
console.
log(
"結果為:"
+$.max(1
,23))
;script
>
body
>
html
>
jquery.fn.extend(object):擴充套件 jquery 元素集,主要用於擴充套件jquery外掛程式,呼叫時需要先建立jquery物件,然後才能呼叫相應的函式
>
>
charset
="utf-8"
>
>
title
>
src=
"js/jquery-3.3.1.js"
>
script
>
head
>
>
>
type
="checkbox"
name
="hoppy"
id="bask"
value
="1"
/>
for=
"bask"
>
籃球label
>
type
="checkbox"
name
="hoppy"
id="socc"
value
="2"
/>
for=
"socc"
>
足球label
>
type
="checkbox"
name
="hoppy"
id="ping"
value
="3"
/>
for=
"ping"
>
桌球label
>
type
="checkbox"
name
="hoppy"
id="ganl"
value
="4"
/>
for=
"ganl"
>
橄欖球label
>
form
>
/>
style
="cursor
: pointer;
background-color
: crimson;
" onclick
="test()"
>
選中的值span
>
>
//開始定義新增函式
$.fn.
extend(}
);//對結果進行處理
res= res==""?
"未選中乙個值"
:res.
substring(1
);return res;}}
)//定義繫結的觸發事件
function
test()
script
>
body
>
html
>
效果:
第一次測試:
第二次測試:
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 元素集,主要用於擴...
jQuery中外掛程式機制
1.jquery.extend object 擴充套件jquery物件本身,主要是用來擴充套件jquery全域性函式 呼叫時直接 函式名 引數 charset utf 8 外掛程式機制title src js jquery 3.3.1.js script extend max function a,...