特定の属性がjqueryに含まれているかどうかを判断する方法-フロントエンドQ&A-php.cn

ホームページ

ウェブフロントエンド

フロントエンドQ&A

特定の属性がjqueryに含まれているかどうかを判断する方法

青灯夜游

Dec 16, 2022 pm 06:43 PM

jquery

実装手順: 1. jquery セレクターを使用して、指定された要素オブジェクト (構文 "$(selector)") を取得します; 2. attr() メソッドを使用して、オブジェクトの指定された属性の属性値を取得しますjquery object, the syntax "element object" .attr("attribute name")"; 3. 「==」演算子を使用して、取得した属性値が undefine に等しいかどうかを判断します。構文は「attribute value =='unknown」です'"。等しい場合、属性は含まれません。そうでない場合、属性は含まれます。

特定の属性がjqueryに含まれているかどうかを判断する方法

このチュートリアルの動作環境: Windows7 システム、jquery3.6.1 バージョン、Dell G3 コンピューター。

jqueryでは、要素が特定の属性を持っているかどうかを判定するために主にattr()メソッドが使われており、このメソッドにより取得した属性値を判定することで要素が特定の属性を持っているかどうかを判定することができます。

実装手順:

ステップ 1: jquery セレクターを使用して、指定された要素オブジェクトを取得します

$(selector)

指定された要素を含む jquery オブジェクトが返されます

ステップ 2: attr() メソッドを使用して、jquery オブジェクトの指定された属性の値を取得します

元素对象.attr("属性名")

指定された属性の属性値を返します

ステップ 3: 「==」演算子を使用して、取得した属性値が unknown

属性值==&#39;undefined&#39;

に等しい場合は、特定の属性を含めません
#等しくない場合は、特定の属性を含めます

実装例:

入力要素に name 属性があるかどうかを判断します

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <script src="js/jquery-3.6.0.min.js"></script>
        <script>
            $(document).ready(function() {
                $("button").click(function() {
                    var value=$("input").attr("name");
					if(value==&#39;undefined&#39;){
						console.log("不包含name属性")
					}
					else{
						console.log("包含name属性")
					}
                });
            });
        </script>
    </head>
    <body>
        <form action="form_action.asp" method="get">
          <p>name：<input type="text" name="fullname" /></p>
          <p>email：<input type="text" name="email" /></p>
        </form>
        <button>判断input元素是否有name属性</button>
    </body>
</html>

特定の属性がjqueryに含まれているかどうかを判断する方法