jQuery 應用篇一

jQuery 是目前 javascript 中最熱門的 framework 之一，這我想有在寫網頁程式的人都知道這件事情
不過，據我觀察得來，大部分的人對 jQuery 的使用，都僅止於 "可以跨瀏覽器的javascript framework" 而已~



jQuery 最強大的，莫過於其 Selector 的作法
所以不管是什麼樣子的 jQuery 書籍，最前面的章節，絕對都一定是講解這個部分
尤其我認為最有趣的，莫過於 class selector

舉例來說，我們大多數的網站，都需要針對日期的輸入，做一個簡單的 datepicker，如果是使用 jQuery, 大多數都會搭配 jQuery UI 中的 Datepicker
不過有用過 jQuery UI 的人都知道，jQuery UI 好用是好用，不過繁瑣的設定也是一個挺麻煩的事情，以 Demo 程式來說，一個簡單的 Datepicker 設定大概是這樣的：



以上程式碼複製於 Datepicker

如果說，我們畫面上有多個 datepicker, 以上的程式碼就會多上很多，因為範例中的 selector 使用的是 id 的 selector，每個 input 都會需要一份上面的程式碼
所以，如果善用 class selector，情況就會變得很不一樣

一般來說，大部分的網站，輸入日期的方式或者是格式，在整個網站中都是一致的
所以我們先來定一個規則：

當 class 中有 cls_date 的，表示這個 input 物件是日期格式輸入

針對以上的規則，我們就可以撰寫出一份共用的 Datepicker 設定程式：



所以後續，將以上的 javascript 放置在一個所有網頁都會載入的 js 中，所有的日期輸入框，定義好 class，不用做任何事情，就會有 Datepicker 的效果出現了～
如果想針對 Datepicker 進階的定義，就請各位去參考文件了～～～