jQuery筆記(編寫jQuery外掛程式)

2021-08-04 13:13:59 字數 1148 閱讀 1953

編寫jquery外掛程式,就等同與編寫乙個jquery物件的方法。給jquery物件繫結方法是通過擴充套件$.fn物件實現的。

如編寫乙個改變樣式的外掛程式:

$.fn.makecolor=function

(options)

注:一定要留意return this,這表示可以繼續鏈式使用下去

同時還要留意這裡的this指向的是jquery物件,如果裡頭再呼叫諸如filter()的方法,this指向的就是dom物件了

上述除了用&&||邏輯運算子繫結預設值外,還可以使用$.extend()方法,$.extend()方法可以接受多個object物件,把這些物件都整合到target物件(初始為{})中並進行返回,如果遇到物件同名屬性,就會呼叫排名靠後的物件值。

$.extend({},,option1)
如果還想改寫預設值簡單一點,就可以這樣寫:

$.fn.makecolor.default=;

$.fn.makecolor=function

(option),$.fn.makecolor.default,option);

this.css("color",allop.color).css("backgroundcolor",allop.backgroundcolor);

return

this;

}

要注意$.extend$.fn.extend的區別,類似於$.each()$().each(),前者主要是用來拓展個全域性函式,而後者主要是擴充套件jquery例項

大多時候都是針對特定元素進行擴充套件,此時可以過濾函式filter(),如:

$.fn.makecolor()

vue專案中引入jquery和jqueryui

之前一直不喜歡在vue裡面引入jq的東西,因為和vue的理念是背道而馳的,但是後來因為專案需求難以解決,不得不引入入jquery去解決,才感嘆jq還是很強大的啊 真香嘻嘻 我的專案是基於vue 2.0的。3.0的可能會有些不同,但是應該問題不大了 首先,我們得在package.json檔案中的dep...

jquery外掛程式編寫

最近大家都玩什麼react node angular這些玩意去了 隨著瀏覽器的相容性 以及前端開發思想的進化 jquery逐漸被拋棄 現在自己也很少用了 純粹為了懷戀曾經的jquery.現在寫寫jquery外掛程式的寫法。沒事的時候避免老年痴呆,可以用來玩玩。寫法一 function window ...

jQuery 編寫外掛程式

jquery為開發外掛程式提供了兩個方法,分別是 1 類級別的外掛程式開發,即給jquery新增新的全域性函式,相當於給jquery類本身新增方法。2 物件級別的外掛程式開發,即給jquery物件新增方法。1 類級別的外掛程式開發 用的比較少 a.新增全域性函式 jquery.foo functio...