よく使うjQueryセレクタのまとめ

3427 ワード
jQuery 選択
js DOMプログラミングを勉強しています。一番後ろにはjQueryのセレクタがたくさんあります。
jQueryは高級セレクタの方法を提供しています。
j
要素を取得するための3つの基本的な方法は、それぞれラベル名、クラス名、id、すなわち（getElements ByTagName、getElementsByClass Name、getElements ById）によって行われる。jQueryはどうやって取得しますか？
  • タグで取得します。
  • クラス名で取得します。（'.className'）
  • はidで取得します。
    上の三つの基本的で最も簡単なの以外に、次のいくつかのcssセレクタがあります。
    
$('*')        
$('tagA tagB')      tagA   tagB  
$('tagA, tagB, tagC')      tagA  ，tagB   tagC  
$('tag#id')    ID id tag  
$('tag.className')       className tag
    jQueryは以下のcss 2.1属性セレクタをサポートします。
    
$('tag[attr]')        attr   tag  
$('tag[attr*=value]')      attr         value tag  

$('tag[attr=value]')      attr     value tag  
$('tag[attr!=value]')      attr      value tag  

$('tag[attr^=value]')      attr    value   tag  
$('tag[attr$=value]')      attr    value   tag  

$('tag[attr~=value]')      attr                         value  tag  
$('tag[attr|=value]')      attr                    value   tag
    サブセレクタ、同世代セレクタ:
    
$('tagA > tagB')      tagA        tagB  
$('tagA + tagB')      tagA        tagB  
$('tagA ~ tagB')      tagA            tagB
    疑似クラス、疑似要素選択器:
    
$('tag: root')            tag  
$('tag: nth-child(n)')             n      tag  
$('tag: nth-last-child(n)')              n      tag  
$('tag: nth-of-type(n)')        tag       n 
$('tag: nth-last-f-type(n)')        tag       n 
$('tag: first-child')                 tag  
$('tag: last-child')                 tag  
$('tag: first-of-type')        tag       
$('tag: last-of-type')        tag        
$('tag: only-child')                tag  
$('tag: only-of-type')                  tag   
$('tag: empty')            tag  
$('tag: enabled')                tag  
$('tag: disabled')                tag  
$('tag: checked')                 tag  ( ：   ，    )
$('tag: not(s)')        s      tag
    他のセレクタ:
    
$('tag: even')                  （         ）
$('tag: odd')                  
$('tag: eq(0)'), $('tag: nth(0)')                 ，         
$('tag: gt(n)')                n     
$('tag: lt(n)')                n     
$('tag: first')                 ,    eq(0)
$('tag: last')                  
$('tag: parent')                (      )     
$('tag: contains('test')')                      
$('tag: visible')                  (  display   block inline,visibility   visible  type    hidden     )
$('tag: hidden')                  (  display   none, visibility   hidden  type   hidden     )
    いくつかの特別なフォームのための表現は、フォーム要素に素早くアクセスするために使用されます。
    
:input            
:text          
:password          
:radio          
:checkbox         
:submit          
:image          
:reset          
:button
    • Java 8新しい日時ライブラリjava.timeの使用例
    JavaScript文字セットの符号化と復号についての詳細