首先我們先理解一下 jQuery 的設計理念，來進行學習。
一個網頁要產生動態效果，勢必要針對各標籤、文字、圖片等做動態處理。
那麼，要怎麼在網頁中，找到我們要處理的標籤、文字、圖片呢？
這就要靠 jQuery Selector 選擇器，
在傳統 JavaScript要取得某個元素內容，可以用 ID 來找，指令如下
getElementbyId("#id")
要取得標籤(Tag)必須使用
getElementsbyName("name")
至於要取得Class(類別)？抱歉，JavaScript 雖然有 getElementsbyClassName ，但是 IE 不支援(在某書裡提到 CSS 中，ID 與 Class 的區別在於一個可以用 JavaScript取用，一個不行，這樣的講法太不負責任…，就算 IE 不支援 byClassName，你還是可以用 JavaScript 來取得，只是過程就很繁瑣…)
改用 jQuery 只要寫
$("#id") 或 $(".class") 或 $("tag") ，引號裡面的用法與 CSS 一致，不用再記憶一大堆指令。
而且，你仔細看，getElementsbyName，多了一個 s ，表示複數，也就是說用這個指令，你會取得一大堆不相干的標籤，你還得再寫判斷式去篩選。
而 jQuery 多種 Selector 還可以組合運用，把不必要的元素篩掉。
所以，我們接下來介紹 jQuery Selector ！！
先來三個基本型
| $("name") | 這裡面的 name ，不是只有 HTML 語法中的 Tag，你也可以自己定義標籤，然後用這個選擇器來找出正確的元素。 例如： <contact>John</contact> $("contact") <a href=”http://www.google.com.tw”>Google</a> $("a") 要注意的是，網頁裡可能會有多個相同標籤 |
| $(".class") | 這個就是指標籤裡的 class 名稱 例如：<input type="text" name="firstname" class="contact"> <input type="text" name="lastname" class="contact"> $(".contact") 要注意的是，網頁裡可能會有多個相同 Class (類別) |
| $(#id") | 這裡指的就是標籤裡的 id 名稱 例如：<input type="text" name="username" id="username"> <input type="password" name="passwd" id="passwd"> $("#username") 指的就是 username 欄位 $("#passwd") 指的就是 passwd 欄位 在HTML裡定義 ID 不可重覆，所當一個頁面裡有兩個以上相同的 ID ，會造成難以預測的結果(不動作或誤動作) |
接下來再進階一點點
| $("name, .class, #id") | 這個Selector 只要符合任一 tag 或 class 或 id，就會被選擇到，中間以逗號區隔開 |
| $("name .class #id") | 這個Selector是指所有的 tag以及class和id 都要同時具備才會被選取 PS.每個 Tag 之間不要留空格！我是為了容易看清楚才留空格 |
發表文章
