由於 Bootstrap 跟jQuery隨著程式更新出現越來越多的弱點，隨時更新套件到新版是程式要追求安全性必做的事項之一，但是每隔幾個版本就有可能出現破壞性更新，可能因為種種原因，例如原套件架構上無法修復，或是作者為了優化直接重寫架構，都有可能造成更新後原本的呼叫方式改變導致原本寫好的程式大規模無法運作。Bootstrap Datetimepicker做為一個常被套用的套件，如何套用新版的Tempus Dominus就變的很重要。
在表單開發的過程中，我們經常面臨著處理各種複雜輸入元素的挑戰。在先前的文章中（“jQuery “快速處理多欄位表單），我們已經介紹了如何迅速處理簡單的表單元素，包括select、text、textarea、number等。然而，當遇到像是radio button、checkbox或者更複雜的multicheckbox時，我們原本的處理方式就不再適用，容易導致資料庫存儲的資訊錯誤。因此，這篇文章旨在紀錄如何在現有的架構上進行調整，以快速獲取這些特殊輸入元素的值。
實作”多欄位表單”時，處理上如果以宣告變數的方式，即使盡量寫的很簡潔也會造成js的部分看起來很繁雜，尤其是大部分的資料為了安全性檢查都是在後端處理為主，因此前端的開發傳值以能快速開發為主。
進行行動網站的bug修改時，遇到其中一個需求是原本只使用 ajax 上傳string格式的input資料，但因為功能擴充除了原本的值要上傳外還需要上傳檔案類型的資料，大部分人都知道，使用 ajax 上傳圖片或檔案需要使用js的FormData物件，若是 ajax 傳遞的資料不包含檔案類型的則基本上都是使用一般的js物件傳遞即可。但其實很多人在遇到同時要傳遞一般input資料及檔案時就會猶豫要如何處理，或是直接將兩件事情分開來做，一是不知道後端如何處理，二是formdata傳送方法的前端return不像一般ajax可設定return物件要被解析的類型（例如text或json)，導致有許多人會搞不懂其運作模式，但其實字串跟檔案是可以透過formdata一起傳送到後端處理的，為了讓大家使用上邏輯更為清晰所以撰寫此篇文章作為紀錄。
繼上兩篇瞭解了jQuery的選擇器和遍歷後，我們知道要如何在頁面中找尋目標物件和遍歷其內容，接下來我們就可以利用 jQuery實作 來改變物件的內容和屬性，來達成網頁動態的效果。
繼上篇介紹了jQuery的選擇器，接下來我們就繼續來看jQuery遍歷的功能。
網頁就像一棟大樓，當我們將基底和框架建構好後，就可以依照設計圖開始施工了，大樓的每個房間號碼就像網頁的ID，而每個房間的裝潢就像網頁的CLASS，我們也有可能給房間取別名就像NAME一樣，由此我們便可知道ID是獨一無二的，不然出現兩個同號碼房間誰不會走錯呢。
而CLASS和NAME是可以重複的，所以在網頁中我們必須清楚的知道要改的物件位置，不然一不小心改錯，就可能出現和預期不一樣的結果了。
