JQuery 選取器跟JQuery效果函數

標籤：style   io   color   ar   sp   strong   on   bs   ad   

JQuery 選取器

選取器                     執行個體                                   選取                                  

*                             $("*")                                 所有元素

#id                          $("#lastname")                     id="lastname" 的元素

.class                      $(".intro")                           所有 class="intro" 的元素

element                  $("p")                                 所有 <p> 元素

.class.class             $(".intro.demo")                  所有 class="intro" 且 class="demo" 的元素

:first                        $("p:first")                          第一個 <p> 元素

:last                       $("p:last")                           最後一個 <p> 元素

:even                     $("tr:even")                         所有偶數 <tr> 元素

:odd                      $("tr:odd")                          所有奇數 <tr> 元素

:eq(index)              $("ul li:eq(3)")                            列表中的第四個元素（index 從 0 開始）

:gt(no)                  $("ul li:gt(3)")                            列出 index 大於 3 的元素

:lt(no)                   $("ul li:lt(3)")                      列出 index 小於 3 的元素

:not(selector)         $("input:not(:empty)")          所有不為空白的 input 元素

:header                  $(":header")                         所有標題元素 <h1> - <h6>

:animated                                                             所有動畫元素

:contains(text)        $(":contains(‘W3School‘)")    包含指定字串的所有元素

:empty                  $(":empty")                         無子（元素）節點的所有元素

:hidden                  $("p:hidden")                       所有隱藏的 <p> 元素

:visible                  $("table:visible")                  所有可見的表格

s1,s2,s3                 $("th,td,.intro")                    所有帶有匹配選擇的元素

[attribute]                     $("[href]")                           所有帶有 href 屬性的元素

[attribute=value]    $("[href=‘#‘]")                      所有 href 屬性的值等於 "#" 的元素

[attribute!=value]   $("[href!=‘#‘]")                     所有 href 屬性的值不等於 "#" 的元素

[attribute$=value]   $("[href$=‘.jpg‘]")                所有 href 屬性的值包含以 ".jpg" 結尾的元素

:input                    $(":input")                           所有 <input> 元素

:text                      $(":text")                             所有 type="text" 的 <input> 元素

:password              $(":password")                     所有 type="password" 的 <input> 元素

:radio                    $(":radio")                           所有 type="radio" 的 <input> 元素

:checkbox              $(":checkbox")                     所有 type="checkbox" 的 <input> 元素

:submit                  $(":submit")                        所有 type="submit" 的 <input> 元素

:reset                     $(":reset")                           所有 type="reset" 的 <input> 元素

:button                  $(":button")                         所有 type="button" 的 <input> 元素

:image                   $(":image")                         所有 type="image" 的 <input> 元素

:file                      $(":file")                             所有 type="file" 的 <input> 元素

:enabled                $(":enabled")                       所有啟用的 input 元素

:disabled                $(":disabled")                      所有禁用的 input 元素

:selected                $(":selected")                       所有被選取的 input 元素

:checked                $(":checked")                       所有被選中的 input 元素

JQuery效果函數

方法                     描述

animate()               對被選元素應用“自訂”的動畫

clearQueue()          對被選元素移除所有排隊的函數（仍未啟動並執行）

delay()                  對被選元素的所有排隊函數（仍未運行）設定延遲

dequeue()                     運行被選元素的下一個排隊函數

fadeIn()                 淡入被選元素至完全不透明

fadeOut()                     淡出被選元素至完全不透明

fadeTo()                把被選元素減弱至給定的不透明度

hide()                    隱藏被選的元素

queue()                 顯示被選元素的排隊函數

show()                  顯示被選的元素

slideDown()           通過調整高度來滑動顯示被選元素

slideToggle()          對被選元素進行滑動隱藏和滑動顯示的切換

slideUp()               通過調整高度來滑動隱藏被選元素

stop()                    停止在被選元素上運行動畫

toggle()                 對被選元素進行隱藏和顯示的切換

JQuery 選取器跟JQuery效果函數