tamlog

主にwebのフロント回り たまに登山

jQueryのセレクター一覧

スポンサーリンク

jQuery覚たいな〜」と思いながらだらだらしていたらなんと、なんと! 2012年が14日も終わってる… このままじゃぼーとしてたら2012年も終わってしまいそうなので 今からjQuery勉強します!宣言です!!

何が出来るかを把握しないといけないと思ったので、 とりあえずセレクターを覚えます!

jQueryセレクター一覧 http://api.jquery.com/category/selectors/ [javascript] $(document).ready(function(){ //ここに処理を記述 //セレクタ メソッド $('#id').hide(); //セレクタ メソッド.メソッド(メソッドチェーン) $('#id')  .css('color','red')  .hide(); }); [/javascript] Basic [css] *【ユニバーサルセレクタ

id【IDセレクタ

.class【CLASSセレクタ】 body【要素セレクタ】 ul, p【グループセレクタ】 [/css] Basic Filter [css] :animated【アニメーションしている要素】 :eq(0)【指定した番号の要素】 :even【偶数番目の要素】 :first【最初の要素】 :focus【現在フォーカスされている要素】 :gt(0)【指定した番号より後ろの要素】 :header【h1〜h6までのheading要素】 :last【最後の要素】 :lt(0)【指定した番号より前の要素】 :not(...)【指定した要素以外の要素】 :odd【奇数番目の要素】 [/css] Attribute(属性) [css] [attribute|='value']【ハイフン区切りで属性が指定した値を含んでいる】 [attribute*='value']【属性が指定した値を含んでいる】 [attribute~='value']【スペース区切りで属性が指定した値を含んでいる】 [attribute$='value']【属性が指定した値で終わっている】 [attribute='value']【属性が指定した値と同じである】 [attribute!='value']【属性が指定した値を持っていない】 [attribute^='value']【属性が指定した値で始まっている】 [attribute]【特定の属性】 [attribute='value'][attribute='value']【特定の複数属性】 [/css] Child Filter [css] :first-child【同要素内の最初の要素】 :last-child【同要素内の最後の要素】 :nth-child()【指定した番号の要素】 :only-child【特定の要素の中で一つだけ含まれる要素】 [/css] Content Filter [css] :contains(...)【指定したテキストを含むすべての要素】 :empty【空の(子要素テキストが無い)要素】 :has(element)【指定した要素を含む】 :parent【中身のある(子要素テキストがある)要素】 [/css] Form [css] :button【button要素】 :checkbox【input:checkbox要素】 :checked【チェックが入っている要素】 :disabled【input:disabled要素(使用不可)】 :enabled【input:enabled要素(使用可能)】 :file【input:file要素】 :forcus【現在フォーカスされている要素】★ :image【input:image要素】 :input【input要素, textarea要素, select要素, button要素】 :password【input:password要素】 :radio【input:radio要素】 :reset【input:reset要素】 :selected【selectで選択されている要素】 :submint【submit要素】 :txt【input:text要素】 [/css] Hierarchy [css] ul > li【子セレクター(直下の要素)】 div a 【子孫セレクター】 div + p【隣接セレクター(次の要素)】 div ~ p【間接セレクター(後に出てくる要素)】 [/css] jQuery Extensions [css] :animated【アニメーションしている要素】★ [attribute!='value']【属性が指定した値を持っていない】★ :button【button要素】★ :checked【チェックが入っている要素】★ :eq(0)【指定した番号の要素】★ :even【偶数番目の要素】★ :file【input:file要素】★ :first【最初の要素】★ :gt(0)【指定した番号より後ろの要素】★ :has(element)【指定した要素を含む】★ :header【h1〜h6までのheading要素】★ :hidden【非表示になっている要素】★ :image【input:image要素】★ :input【input要素, textarea要素, select要素, button要素】★ :last【最後の要素】★ :lt(0)【指定した番号より前の要素】★ :odd【奇数番目の要素】★ :parent【中身のある(子要素テキストがある)要素】★ :password【input:password要素】★ :radio【input:radio要素】★ :reset【input:reset要素】★ :selected【selectで選択されている要素】★ :submint【submit要素】★ :txt【input:text要素】★ :visible【表示されている要素】★ [/css] Visibility Filter [css] :hidden【非表示になっている要素】 :visible【表示されている要素】 [/css]

※★マークは重複しているところ