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 サイトの他の関連記事を参照してください。