編寫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...