JQ基礎之選擇器

$('ul')　　　　　　　　( 選取'ul'標簽 )　　　　

$('#one>span')

$('[class]') 　　　  　　( 所有具有'class'屬性的元素 )

$('li[class]')           　　( 選中'li'下的具有'class'屬性的元素 )

$('li[class="aaa"]')　　( 選中'li'下'class'為'aaa'的元素 )

$('h3[class^="n"]')    ( 選中'class'屬性以"n"開頭的 )

$('h3[class$="e"]')     ( 選中class屬性以"e"結尾的 )

 $('li:first')                       ( 選取第一個出現的li元素 )

$('li:last')                     ( 選取最後一個出現的li元素 )

$(':header')                 ( 查找所有標題元素h1~h6 )

$('li:contains(小三)')     ( 查找li中文本有'小三'的元素 )

$('li:first-child')             ( 選取所有的第一個li   註:與:first不同 )

$('li:last-child')             ( 選取所有的最後一個li   註:與:last不同 )

$('li:nth-child(n)')         ( 選取第n個li元素    註: n>=1 )

$('ul li:only-child')         ( 選取ul中只有一個li子元素的這個li元素 )

$(':input')                     ( 匹配所有的 input/textarea/select/button )

$result = $('li').hasClass('adsasa');       ( 檢查當前的元素是否含有某個特定的類，如果有，則返回true )

$('ul li').filter('.three,.seven')                ( 找出有類.three,.seven的元素 註:篩選出與指定表達式匹配的元素集合 )

$('li').is('.five122313')                          ( 檢測有無指定的元素 返回布爾 註:不可用is檢測給元素添加樣式 )

$('p').has('span')                                  ( 檢測p元素里有無指定元素 註:可以給其添加樣式 )

$('li').not('li:contains(上)')                     ( not檢測 選擇li元素里除了文本包含'上'的元素 )

slice(n,m)                                             ( n和m為下標，選擇下標為0開始 到 m之前結束(不包括m)的元素 )

$('#one').children('li:first').css( )            ( 給元素的指定子元素添加樣式 )

$('.one').parent( ).css( )                         ( 給元素的父元素添加樣式 )

$('.one').parents( ).css( )                       ( 給元素所有祖先元素添加樣式 )

$('.one').parents('ul').css( )                    ( 給元素指定的父元素添加樣式 )

$('.five').siblings( ).css()                         ( 同級相鄰兄弟節點 siblings( ) )

var $res = $('li').map(function(){ 
　　return $(this).attr('class');
});
console.log($res);                                  ( map( ) 查找所有的li並返回它們的屬性值 返回一個數組 )

$('#one').find('li[class$=e]').css( )          ( 查找指定元素下匹配的元素 返回找到的元素 )

$('li:not(.b)')                                          ( 選擇除了類名為b的元素 )

$('li:not(#one,#two,.aaa)')                     ( 同時排除多個 )

$('li:even')                                             ( 選取偶數 註:下標為0開始 ) 

$('li:odd')                                               ( 選取奇數 )

$('li:gt(0)')                      ( 選取下標大於0的li元素 )

$('li:lt(3)')                       ( 選取下標小於0的li元素 )

$('li:eq(0)')                      ( 選取下標等於0的li元素 )

註:不包括本身。

$(':visible')                    　( 選取所有可見的元素 )

$('input:hidden')              ( 選取input表單為hidden的元素 )

$('.two').next( )                ( 選中下麵一個相鄰元素 )

$('.two').nextAll( )            ( 選中元素下麵的所有相鄰元素 )

$('.five').prev( )                ( 選取元素上一個相鄰元素 )

$('.five').prevAll( )             ( 選取元素上面全部相鄰元素 )

$('.five').prevUntil('.two')   ( 選取.five上面(不包括.five)到.two(不包括.two)的元素 )

$('*:focus')                        ( 獲取所有聚焦的元素 )

$(':selected')                      ( 獲取下拉列表選中的元素 )

$(':checked+span')             ( 獲取選中的元素 )

$(':input')                          ( 匹配所有的input textarea select button )

$(':text')                            ( 匹配單行文本框 )

$(':password')                     ( 密碼匹配器 )

$(':radio')                           ( 單選框選擇器 )

$(':checkbox+span')            ( 覆選框選擇器 )

$(':button')                         ( 按鈕選擇器 )