ホームページ >ウェブフロントエンド >jsチュートリアル >jqueryはCSSでセレクターを取得します(例で説明)_jquery
書き始める前に、要素とノードの違いを確認しましょう:
要素は、W3C ドキュメント オブジェクト モデル (DOM) で最も広く使用されているノードの 1 つです。
要素には「プロパティ」が関連付けられています。
XmlElement クラスには、その「属性」にアクセスするためのメソッドが多数あります (GetAttribute、SetAttribute、RemoveAttribute、GetAttributeNode など)。
「属性」属性を使用して、「名前」または「シリアル番号」アクセスをサポートする「XML 属性セット」を返すこともできます。
XmlElement クラスの説明から、XmlNode クラスと XmlElement クラスの違いを簡単に知ることができます。
XmlElement クラスは「プロパティ」のみを持つノードですが、XmlNode は「プロパティ」だけでなく「子ノード」も持つノードです。
つまり、 を使用する場合、ノードで innerText または innerXml を取得または設定する必要がある場合は、XmlNode を使用する必要があります。また、その属性 (パラメーター) を取得または設定する必要がある場合は、XmlNode を使用する必要があります。このとき、XmlElement を使用する必要があります。もちろん、(XmlElement) を使用して XmlNode を変換することもできます。
さて本題に移りましょう
JavaScript では、選択が簡単な ID セレクターを除いて、残りは選択が簡単ではありません。jquery はこの分野ではるかに優れており、
を含む多くの取得メソッドを提供します。1. 基本セレクター (主にタグ セレクター、ID セレクター、クラス セレクター、ユニバーサル セレクター、グループ セレクターを含む)
$("#divId") ID divId を持つ要素を取得します
$("a") すべての 要素を取得します
$(".bgRed") CSS クラスが bgRed である要素を取得します
$("*") はページのすべての要素を取得します
$("#divId, a, .bgRed") は、条件を満たす 3 つのセレクターを取得します
2. 階層セレクター (主に子要素セレクター、子孫要素セレクター、直接の兄弟要素セレクター、隣接する兄弟要素セレクターを含む)
2.1 子要素セレクター> ===============子要素を選択