jQuery Selectors

Basics

$('div')
$('#myid')
$('.myclass')
$('*')
$('#myid,.myclass,div')

Hierarchy

$('div code')
$('ul > li')
$('strong + em')
$('strong ~ em')

Basics Fliters

$('li:first')                 所以li的第一项
$('li:last')                    列表最后一项
$('li:not(li:first)')        列表除第一项外
$('li:even')                    所有偶数项
$('li:odd')                    所有奇数项
$('li:eq(1)')                    index为1的现
$('li:gt(2)')                    index > 2 的项
$('li:lt(3)')                    index < 3 的现
$(':header')                    
$(':animated')

Content Fliters

$('li:contains(edu)')         判断li中value是否包含edu
$(':empty')                    选择空tag    
$('li:has(p)')                选择有p元素的li
$('p:parent')                    和empty相反

Visibility Fliters

$(':hidden')                     display is none
$(':visible')                    display is not none

Attributes Fliters

$('li[class/id/name]')              包含class或则id或则name
$('a[calss="self"]')                same to $('.myclass')
$('a[xxx="myxx"])                    ep:$('a[calss='self']')
$('a[rel!="nofollow"]')                包含rel不等于’nofollow‘
$('[class^="my"]')                    class名为my开始
$('[class$="my"]')                    class名为my结束
$('a[href*="zip"])                    href中包含zip的
$('a[rel][href][title="blog"]')    所有条件都需要满足

Child Fliters

$('li:first-child')                    所有子元素的第一项,和$('li:first')不同
$('li:last-child')                    最后一个子元素
$('li:nth-child(even)')                所有子元素中的偶数项
$('li:nth-child(odd)')                所有子元素中奇数项
$('li:nth-child(2)')                所有child中第二个
$('li:nth-child(2n)')                所有元素中2*n个元素也可以写3n+2等等
$('code:only-child')                元素只存在一个

Forms

$(':input')
$(':text')
$(':password')
$(':radio')
$(':checkbox')
$(':image')
$(':submit')
$(':reset')
$(':button')
$(':file')

Froms Fliters

$(':input:enable')
$(':disable')
$(':checked')
$(':selected')