jQueryのセレクタ

よく使うのによく忘れる・・・なんでだろう・・・
よく使うのだけメモっておこう。

  • 要素セレクター
  • $("要素名")
  • 特定のhtml要素




  • IDセレクター
  • $("#ID名")
  • 特定のid属性の値を持つ要素




  • クラスセレクター
  • $(".クラス名")
  • 特定のclass属性の値を持つ要素




  • 子孫セレクター
  • $("要素1 要素2")
  • 特定の要素の内側にある要素




  • first-child擬似クラス
  • $("要素:first-child")
  • 特定の要素内の最初の要素




  • last-child擬似クラス
  • $("要素:last-child")
  • 特定の要素内の最後の要素




  • only-child擬似クラス
  • $("要素:only-child")
  • 指定した要素が1つだけ含まれる特定の要素




  • [attribute]
  • $("[属性名]")
  • 特定の属性を持つ要素




  • [attribute='value']
  • $("[属性名='値']")
  • 特定の属性が指定した値を持つ要素




  • [attribute!='value']
  • $("要素名[属性名!='値']")
  • 特定の属性が指定した値を持たない要素




  • [attribute^='value']
  • $("[属性名^='値']")
  • 特定の属性が特定した値で始まっている要素




  • [attribute$='value']
  • $("[属性名$='値']")
  • 特定の属性が特定した値で終わっている要素




  • [attribute*='value']
  • $("[属性名*='値']")
  • 特定の属性が特定した値を含んでいる要素




  • [attributeFilter1][attributeFilter2]
  • $("[属性セレクター1][属性セレクター2]")
  • 複数の属性セレクターに該当する要素




  • firstフィルター
  • $("要素:first")
  • 指定した要素の最初の要素




  • lastフィルター
  • $("要素:last")
  • 指定した要素の最後の要素




  • evenフィルター
  • $("要素:even")
  • 指定した要素の偶数番目の要素




  • oddフィルター
  • $("要素:odd")
  • 指定した要素の奇数番目の要素




  • eqフィルター
  • $("要素:eq(番号)")
  • 指定した番号の要素(番号は0から数える)




  • gtフィルター
  • $("要素:gt(番号)")
  • 指定した番号より後の要素(番号は0から数える)




  • ltフィルター
  • $("要素:lt(番号)")
  • 指定した番号より前の要素(番号は0から数える)




  • headerフィルター
  • $("要素:header")
  • h1~h6までのheader要素




  • containsフィルター
  • $("要素:contains(文字列)")
  • 特定の文字列が含まれている要素




  • hasフィルター
  • $("要素1:had(要素2)")
  • 特定の要素が含まれている要素




  • parentフィルター
  • $("要素:parent")
  • 子要素やテキストを含む要素


0 コメント: