03 JQuery外掛程式機制

2021-08-27 05:22:39 字數 1455 閱讀 3746

1.this指標

1.1 this的用法

this:當前上下文dom物件

$(this):當前上下文jquery物件,可以呼叫jquery的方法和屬性

1.2 作用域 :

1.事件源:(「button」).click(…………..)

2.當前元素:$(「button」)

3.事件本身:click

1.外掛程式機制介紹

利用jquery提供的jquery.fn.extend()和jquery.extend()方法,擴充套件jquery的功能。

其實jquery外掛程式就是給jquery新增新的例項方法或類方法,然後將功能封閉在其中。

jquery.fn.extend()是jquery物件 擴充套件方法和屬性物件名.方法名

jquery.extend()是給jquery選擇器選中的物件擴充套件方法和屬性(類方法,靜態方法)「類名.靜態方法名」

案例:    

//$.extend()擴充套件jquery類方法, (類名.方法)例如:$.ajax

$(function();

var obj2=;

var obj3=;

var obj4=$.extend({},obj1,obj2,obj3); //將obj2合併到obj1

console.log(obj4);

var method=, 

"hides":function()

};$.extend(method); //為jquery擴充套件了乙個show()方法

//呼叫擴充套件的jquery方法

$.show(",彈走魚尾紋");

$.hides();

(例項化物件名.方法名)

var method=

};$.fn.extend(method);

});3.1 $.extend(obj1,obj2,obj3[,...])

將所有引數合併到obj1中,並返回obj1

3.2 $.extend(obj1)/$.method=function(option);

以obj引數擴充套件jquery的類方法和類屬性(靜態方法和靜態屬性)

3.3 $.extend(obj1,obj2) 命名引數的寫法

寫法:$.extend(default,option)

4.外掛程式:**行顏色切換效果

1)bgcolor.css

2)jquery.bgcolor.js 3).

fn.e

xten

d .fn

.ext

en

d(『table』).bgcolor(options);

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外掛程式機制

jquery.extend object 擴充套件jquery物件本身,主要是用來擴充套件jquery全域性函式 呼叫時直接 函式名 引數 charset utf 8 title src js jquery 3.3.1.js script head var object 在object中定義方法mi...