jQuery를 사용하여 선택한 요소의 태그 이름을 어떻게 쉽게 얻을 수 있습니까?-CSS 튜토리얼-php.cn

jQuery를 사용하여 선택한 요소의 태그 이름을 어떻게 쉽게 얻을 수 있습니까?

Barbara Streisand

풀어 주다： 2024-11-28 14:37:10

원래의

428명이 탐색했습니다.

How Can I Easily Get the Tag Name of a Selected Element Using jQuery?

jQuery를 사용하여 선택한 요소의 태그 이름 검색

jQuery 내에서 특정 요소의 태그 이름을 얻는 손쉬운 접근 방법 모색 선택자? 이 가이드는 .prop("tagName") 메서드를 사용하여 태그 이름을 신속하게 캡처하는 방법에 대한 포괄적인 지침을 제공합니다.

.prop("tagName")을 통한 솔루션:

주어진 jQuery 객체 $('selector')의 태그 이름을 확인하려면 .prop("tagName") 함수를 활용하면 됩니다. 예:

jQuery("a").prop("tagName"); // Outputs "A"
jQuery("h1").prop("tagName"); // Outputs "H1"
jQuery("<coolTagName999>").prop("tagName"); // Outputs "COOLTAGNAME999"

로그인 후 복사

단순화를 위한 사용자 정의 기능:

프로세스를 간소화하기 위해 사용자 정의 기능을 정의할 수 있습니다:

jQuery.fn.tagName = function() {
  return this.prop("tagName");
};

로그인 후 복사

이렇게 하면 구문이 단순화되어 태그를 쉽게 검색할 수 있습니다. 이름:

jQuery("a").tagName(); // Outputs "A"
jQuery("h1").tagName(); // Outputs "H1"
jQuery("<coolTagName999>").tagName(); // Outputs "COOLTAGNAME999"

로그인 후 복사

소문자 태그 이름 지원:

관례에 따라 태그 이름은 대문자로 반환됩니다. 소문자 태그 이름을 검색하려면 사용자 정의 함수를 수정하십시오:

jQuery.fn.tagNameLowerCase = function() {
  return this.prop("tagName").toLowerCase();
};

로그인 후 복사

이 함수는 소문자 태그 이름을 출력합니다:

jQuery("a").tagNameLowerCase(); // Outputs "a"
jQuery("h1").tagNameLowerCase(); // Outputs "h1"
jQuery("<coolTagName999>").tagNameLowerCase(); // Outputs "cooltagname999"

로그인 후 복사

위 내용은 jQuery를 사용하여 선택한 요소의 태그 이름을 어떻게 쉽게 얻을 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!