[創意料理] 介紹一個不要臉的 jQuery 擴充函式 - jquery-model

這個不要臉的 jQuery 擴充函式 - jquery-model 是在下的拙作,原本是我個人用 jQuery 在開發前端程式時所使用的,同事也拿去用了之後受到好評,應該也可以推薦給大家,它不是一個什麼高大上的東西,只是讓我在將 UI 上的內容兜成 JSON 物件時可以少寫一些程式碼。

...繼續閱讀 »

[廚餘回收] 重複載入 jQuery 會有什麼問題?如何避開?

如果我們用 jQuery 在開發網頁,那麼 jQuery 應該也一定只載入一次,偏偏就有第三方合作廠商,完全沒有在管客戶是不是會出問題?檢查也不做,愛載就載,例如:6763 的站內付 2.0,用他們的 Web JS SDK 初始付款頁面的時候強制載入了 jQuery 3.4.1,如果我們的網頁本身就已經載入 jQuery 了,就會導致重複載入,那會發生什麼事?

...繼續閱讀 »

[小菜一碟] 在 JavaScript 如何讓註冊給事件(Event)的方法只被觸發一次?

這篇文章是一個知識的分享,主要分享給不知道的朋友,我們用 JavaScript 設計一個互動的網頁,一定會用到事件(Event),舉凡像是按鈕的點擊、滑鼠的捲動、選項值的改變、...等等,這些都會需要事件來輔助,但是有時候我們會希望註冊給事件的方法只被觸發一次。

...繼續閱讀 »

[小菜一碟] 用 jQuery 的 .ajaxStart() 及 .ajaxStop() 來製作一個頁面的載入等待機制

jQuery 中有一對關於所有 AJAX Requests 開始及結束的事件 - ajaxStartajaxStop,除非是完全靜態的頁面,不然一個引用了 jQuery 的網頁或多或少都會去用它的 $.ajax() 來呼叫 Web Api,那麼這一對事件一定會被觸發,我們剛好可以利用來做一個頁面的載入等待機制。

...繼續閱讀 »

[小菜一碟] 圖解 jQuery 的 append()、appendTo()、prepend()、prependTo()、after()、insertAfter()、before()、insertBefore()。

儘管前端三雄(Angular、React、Vue)討論熱度強烈,但是前端老馬 - jQuery 的市佔率仍舊是名列前矛,在 jQuery 中常用的安插 DOM 元件的方法有這八個:append()appendTo()prepend()prependTo()after()insertAfter()before()insertBefore(),使用起來時常會讓我感到混亂,這篇文章就用圖解的方式做個記錄,來說明每個方法的差異。

...繼續閱讀 »

[小菜一碟] 在 jQuery 新增可傳入參數的自定義 Filter

這次要來跟大家分享自定義可傳入參數的 jQuery Filter,我們在使用 jQuery 的 selector 時,多多少少會使用到一些內建的 Filter,像是 :odd:even、...等等,但是難免有時候會覺得不太夠用,比如說我要過濾出 Attribute 為 abc 開頭的 Element,這個就勢必得自己另外寫了,那麼我就利用這個例子來跟大家介紹在 jQuery 如何自定義一個可傳入參數的 Filter?

...繼續閱讀 »