jQuery 選擇器 筆記

$("p") $(".myClass") $("#myID") $("*") $("p, div, span.myClass")
-----------------------------------------------------------------
$("form input") form下面全部的input
$("form > input") form下面全部的input


$("form + input") form下面不歸屬於任何物件的第一個input

$("form ~ input") form下面不歸屬於任何物件的input
-----------------------------------------------------------------
$("tr:first") 第一個tr
$("tr:last") 最後一個tr

$("tr:not(:first)") 除了第一個tr
$("tr:not(:last)") 除了最後一個tr
-----------------------------------------------------------------
$("tr:even") index為偶數的tr (javascript由0算起, css由1算起)
$("tr:odd") index為奇數的tr

$("tr:not(:even)") index為"奇"數的tr
-----------------------------------------------------------------
用順位算
$("ul li:nth-child(1)") ul下的第一個li, eq是算index
$("ul li:first-child") ul下"所有"第一個li, :first只取一個
$("ul li:last-child") ul下"所有"最後一個li :last只取一個
$("ul li:only-child") 符合ul下只有一個li的條件
-----------------------------------------------------------------
$("tr:eq(3)") index為3的tr

$("tr:gt(3)") index大於3的tr

$("tr:lt(3)") index小於3的tr
-----------------------------------------------------------------
$("div:contains('Try')") 包含Try文字的物件
$("tr:has(th)") 有包th的tr
$("tr:not(:has(th))") 沒有包th的tr
contains-->內容字串, has-->物件
-----------------------------------------------------------------
$(":header") h1,h2,h3等

$(":animated") 正在進行動畫的
$("div:not(:animated)") 沒進行動畫的div

$("div:empty") 空的div
$("div:not(:empty)") 不是空的div

$("td:parent") 所有包含物件的td(包括包含文字內容)

$("tr:hidden") 所有隱藏的tr
$("tr:visible") 所以看的見的tr

$("td[id]") 所有td有id屬性的

$(":input") 所有input(input,select,textarea,button..)
$(":text") text input
$(":password") password input

$("input:enabled")
$("text:disabled")
$("input:checked")
$("select option:selected")
-----------------------------------------------------------------
$('a[@href$=".pdf"]') 所有href屬性為.pdf結尾的a
$('a[@href^=".pdf"]') 所有href屬性為.pdf開頭的a

$("a:not([@href*='y'])") 所有href屬性不包含y的a

$("td[@class='test']") 所有class屬性為test的td

=相等 ^開頭 $結尾 *包含
-----------------------------------------------------------------

.html 寫入html
alert("yo");
$("#mydiv").animated({left:'500px'}, 10000);
.attr 改屬性