jqueryで特定の属性値があるかどうかをクエリする方法

jQuery で属性値の有無を問い合わせる方法は次のとおりです: 1. HTML サンプル ファイルを作成し、jQuery ファイルを導入します; 2. p タグを作成し、属性を "id="my-paragraph" に設定します" data-role="段落""; 3. jQuery が拡張され、「hasAttr()」メソッドが追加されます。 4. 「.attr()」メソッドを使用して要素の属性値を取得または設定し、「.hasAttr()」 " は、属性と属性値が一致しているかどうかをチェックします。

このチュートリアルのオペレーティング システム: Windows 10 システム、jQuery3.6.0 バージョン、Dell G3 コンピューター。

jQuery では、`.attr()` メソッドを使用して要素の属性値を取得または設定できます。

要素に特定の属性があるかどうかをクエリする場合は、`.hasAttr()` メソッドを使用できます。

例は次のとおりです:

//html
<p id="my-paragraph" class="my-class" data-role="paragraph">Lorem ipsum</p>

この段落要素に `data-role` 属性があるかどうか、およびその値が `paragraph` であるかどうかを確認する場合は、次のコードを実行します。

//javascript
if ($("#my-paragraph").hasAttr("data-role") && $("#my-paragraph").attr("data-role") === "paragraph") {
  // do something if the attribute exists and has the expected value
} else {
  // do something else if the attribute doesn't exist or has a different value
}

`hasAttr()` メソッドは jQuery の組み込みメソッドではないことに注意してください。このメソッドを追加するには、次のコードを使用して jQuery を拡張する必要があります:

//javascript
$.fn.hasAttr = function(name) {
    return this.attr(name) !== undefined;
};

以上がjqueryで特定の属性値があるかどうかをクエリする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。