在表單開發的過程中，我們經常面臨著處理各種複雜輸入元素的挑戰。在先前的文章中（“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是可以重複的，所以在網頁中我們必須清楚的知道要改的物件位置，不然一不小心改錯，就可能出現和預期不一樣的結果了。
jQuery是一套跨瀏覽器的JavaScript函式庫，簡化HTML與JavaScript之間的操作。由John Resig在2006年1月的BarCamp NYC上釋出第一個版本。目前是由 Dave Methvin 領導的開發團隊進行開發。全球前10000個存取最高的網站中，有65%使用了jQuery，是目前最受歡迎的JavaScript函式庫。
jQuery的語法設計使得許多操作變得容易，如操作文件（document）、選擇DOM元素、建立動畫效果、處理事件、以及開發Ajax程式。也提供了給開發人員在其上建立外掛模組的能力。這使開發人員可以對底層互動與動畫、高階效果和高階主題化的元件進行抽象化。