JQuery外掛程式機制

2021-10-01 03:53:40 字數 2396 閱讀 5923

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,...