子元素選擇器：

    //  大前提： 所選的 都是 修飾div的... div 是它父元素（沒有限定）的第一個孩子嗎？是最後一個孩子嗎？是第index個孩子嗎？是唯一的孩子嗎？
    $('div:first-child') // 匹配所有為第一個元素的div
    $('div:last-child') // 匹配所有為最後一個元素的div
    $('div:nth-child(index)') // 匹配所有索引值為 index的div
    $('div:only-child') // 匹配所有 為父元素唯一子元素的div
    // 1.9+
    // 大前提 div:first-of-type 是一個整體 最後的結果 是父元素（div） 的第一個為div的元素，最後一個元素；
    $('div:first-of-type') // 匹配所有為div內第一個元素的div
    $('div:last-of-type') // 匹配所有為div內最後一個元素的div
    $('div:nth-of-type(index)') // 匹配所有為div內索引值為index 的div元素
 

混淆選擇器：

基本選擇器：

$('*')

$( '#id')

$('.class')

$('element')  // div p span ...

層級選擇器：

$('parent children') // parent 所有子元素；
$('parent > children') // parent 直接子元素；
$('prev + next') // prev 後所有next 元素；
$('prev ~ siblings') // 匹配所有sibllings 的兄弟元素；

屬性選擇器： 

$('div[attr]') // 選出所有擁有屬性 attr 的 div
$('div[attr = value]') // 選出所有屬性attr = value 的div
$('div[attr != value]') // 選出所有具有屬性attr 且attr不為value的div
$('div[attr ^= value]') // 選出所有attr 的值 以value 開頭的div
$('div[attr $= value]') // 選出所有attr 的值 以value 結尾的div
$('div[attr *= value]') // 選出所有attr 的值 包含value 的div
$('div[attr][attr1][attr2='value']') // 選出所有擁有且滿足條件的div
 

基本篩選器：

  
    $('div:first') // 選擇出的jquery元素組中的第一個div
    $('div:last') // 選擇出的jquery元素組中的最後一個div
    $('div:not(selector)') // 將選出jquery物件組中的滿足selector 條件的 物件去除；
    $('div:even');$('div:odd') // 匹配所有索引值為偶數/基數的元素；
    $('div:eq(index)') // 匹配索引值為index的元素；
    $('div:gt(index)') // 匹配所有索引值大於index的元素；
    $('div:lt(index)') // 匹配所有索引值小於index的元素；
    $(':header')  // 匹配所有的header(h1-h6)元素；
    $(':animated')  // 匹配所有正在運動的元素；
    $(':focus') // 匹配當前獲得焦點的元素；
    // 1.9+
    $('div:lang(language)') // 匹配一個語言值所提供的語言程式碼；
    $(':root') // 文件根目錄；html元素；
    $(':target') // http://jquery.cuishifeng.cn/target.html
 

內容選擇器：

    $('div:contains(text)') // 匹配包含給定文字的元素；
    $('div:has(selector)') // 匹配包含給定元素的元素；
    $('div:empty') // 匹配包含的空元素；
    $('div:parent') // 匹配所有擁有子元素或者文字的元素；所有有內容的元素； 
    // <div class="demo">div</div> demo 滿足
    // <div class="demo"><div class="demo1"></div></div> demo 滿足 demo1 不滿足

可見性選擇器：

    $('div:visible') // 匹配所有可見元素
    $('div:hidden') // 匹配所有不可見元素，或者type值(首先元素得有type) 為hidden

表單元素選擇器：

：input 匹配所有input元素；

：text ：password ：radio ：checkbox ：submit ：image ：reset ：button file匹配所有type 為text，password，radio，checkbox，submit，image，reset，button，file的元素；

表單物件屬性選擇器：

：enabled 可操作

：disabled 不可操作

：checked 已選擇

：selected 已選擇