>  기사  >  jquery에 특정 속성 값이 있는지 쿼리하는 방법

jquery에 특정 속성 값이 있는지 쿼리하는 방법

尊渡假赌尊渡假赌尊渡假赌
尊渡假赌尊渡假赌尊渡假赌원래의
2023-06-13 09:37:222033검색

jquery를 사용하여 속성 값이 있는지 쿼리하는 방법은 다음과 같습니다. 1. HTML 샘플 파일을 만들고 jQuery 파일을 가져옵니다. 2. p 태그를 만들고 속성을 "id="my-paragraph" data-role로 설정합니다. ="paragraph""; 3. jQuery는 "hasAttr()" 메소드를 추가하기 위해 확장됩니다. 4. ".attr()" 메소드를 사용하여 요소 속성 값을 가져오거나 설정하고, ".hasAttr()"는 속성과 속성값이 일치합니다.

jquery에 특정 속성 값이 있는지 쿼리하는 방법

이 튜토리얼의 운영 체제: Windows 10 시스템, jQuery 버전 3.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&#39;t exist or has a different value
}

참고 `hasAttr()` 메소드는 jQuery의 내장 메소드가 아닙니다. 이 메소드를 추가하려면 다음 코드를 사용하여 jQuery를 확장해야 합니다.

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

위 내용은 jquery에 특정 속성 값이 있는지 쿼리하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.