jQuery Learning 2 セレクターの説明_jquery

1. 基本的な CSS セレクターを使用します:
a: すべてのリンク 要素に一致します。
#*: ID *
.* の要素と一致します。CSS クラスの要素と一致します。 *
a#*id.*class: ID *id のリンクと一致し、CSS クラス *class 要素を持ちます。
上記は、次のように jQuery で $("") でラップされた CSS での記述方法です。 jQuery("pa.Class")

サブセレクター、コンテナーセレクター、および属性を使用する選択例として以下を考えます:

コードをコピー コードは次のとおりです:

< ;ul class ="myList">

jQuery は

< ;a href "css1">CSS1
CSS3

• 基本 XPath< ;/li>
  
  
• 
  
• 
  
• フォームセレクター

最初のリスト

のリンクでは、これらすべてのリンク の子孫ノードであるため、この ul.myList li >a のようにはならず、サブセレクターを使用する必要があります。 ;li> 要素。
子セレクター: 親ノードと直接の子ノードは括弧 (>) で区切られて右を指します。
属性セレクター: 特定のコンテンツに一致する要素をラップします。たとえば、http:// で始まる href 値を含むリンクを選択します: a[href^=http://]
input[type=text]: type 属性が
であるすべての 要素と一致します。 is text div[title=^my]: title 属性値が my で始まるすべての

要素と一致します。 位置による選択
a: first: セレクターはページの最初の 要素と一致します
p: 奇数、p: 偶数はそれぞれ奇数要素と偶数要素に一致します
その他は異なります必要に応じて、関連する Web サイトにアクセスして見つけることができます。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。