jquery에 특정 속성이 포함되어 있는지 확인하는 방법-프런트엔드 Q&A-php.cn

jquery에 특정 속성이 포함되어 있는지 확인하는 방법

青灯夜游

풀어 주다： 2022-12-16 18:43:38

원래의

3180명이 탐색했습니다.

구현 단계: 1. jquery 선택기를 사용하여 지정된 요소 객체인 "$(selector)" 구문을 얻습니다. 2. attr() 메서드를 사용하여 jquery 객체의 지정된 속성의 속성 값을 얻습니다. 구문 "element object.attr(" 속성 이름 ")" 3. "==" 연산자를 사용하여 얻은 속성 값이 정의되지 않은 경우 구문은 "속성 값 == '정의되지 않음'"입니다. 동일하면 속성이 포함되지 않으며, 그렇지 않으면 포함됩니다.

jquery에 특정 속성이 포함되어 있는지 확인하는 방법

이 튜토리얼의 운영 환경: windows7 시스템, jquery3.6.1 버전, Dell G3 컴퓨터.

jquery에서는 요소에 특정 속성이 있는지 확인하기 위해 attr() 메서드를 주로 사용합니다. 이 방법을 통해 얻은 속성 값을 판단하여 요소에 특정 속성이 있는지 확인할 수 있습니다.

구현 단계:

1단계: jquery 선택기를 사용하여 지정된 요소 개체를 얻습니다.

$(selector)

로그인 후 복사

는 지정된 요소가 포함된 jquery 개체를 반환합니다.

2단계: attr( )을 얻기 위한 메소드 jquery 객체의 지정된 속성 값

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

로그인 후 복사

은 지정된 속성의 속성 값을 반환합니다.

3단계: "==" 연산자를 사용하여 얻은 속성을 확인합니다. 값은 undefined

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

로그인 후 복사

과 같습니다. 같으면 특정 속성을 포함하지 않습니다
같지 않으면 특정 속성을 포함합니다.

구현 예:

입력 요소가 이름 속성이 있습니다

<!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에 특정 속성이 포함되어 있는지 확인하는 방법