Looking for jquery Answers? Try Ask4KnowledgeBase
Looking for jquery Keywords? Try Ask4Keywords

jQueryセレクタ


前書き

jQueryセレクタは、HTMLドキュメント内のDOM(ドキュメントオブジェクトモデル)要素を選択または検索します。 ID、名前、タイプ、属性、クラスなどに基づいてHTML要素を選択するために使用されます。既存のCSSセレクタに基づいています。

構文

  • タグ:マーカーなし、直接タグを使用
  • Id: #id
  • クラス: .className
  • 属性: [attributeName]
  • 値を持つ属性: [attributeName ='value']
  • 属性は値^=始まります: [attributeName ^= 'value']
  • 属性は値$=終わります: [attributeName $='value']
  • 属性に値*=が含まれています: [attributeName *= 'value']
  • 擬似セレクタ:: :pseudo-selector
  • 任意の子孫:セレクタ間のスペース
  • 直接の子: >セレクタの間
  • 最初の次の兄弟: +
  • 最初に続く隣接しない兄弟: ~
  • または:セレクタの間に, (カンマ)

備考

classid selectorsや、特殊文字を含むattributeを書くときなど

! " # $ % & ' ( ) * + , . / : ; < = > ? @ [ \ ] ^ { | } ~

2つのバックスラッシュ\\を使用して文字をエスケープする必要があります。

例えば。

<span id="temp.foobar"><span>

セレクタはフレームのように、

$('#temp\\.foobar')

セレクタ 関連する例