> 웹 프론트엔드 > 프런트엔드 Q&A > Jquery에서 태그 속성을 제거하는 방법

Jquery에서 태그 속성을 제거하는 방법

青灯夜游
풀어 주다: 2022-06-08 16:28:01
원래의
2347명이 탐색했습니다.

두 가지 방법: 1. RemoveAttr()을 직접 사용하여 a 태그의 지정된 속성을 제거합니다. 구문은 "$("a").removeAttr("제거할 속성의 이름")"입니다. 2. attr()을 사용하여 "$("a").attr("제거할 속성의 이름","")" 구문을 사용하여 a 태그로 지정된 속성 값을 비워 둡니다.

Jquery에서 태그 속성을 제거하는 방법

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

태그의 지정된 속성을 제거하는 jquery의 두 가지 방법

1.removeAttr()

removeAttr() 메서드를 사용하여 선택한 요소에서 지정된 속성을 제거합니다. 구문:

$("a").removeAttr("要移除的属性名")
로그인 후 복사

예: a 태그

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-3.2.1.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").bind("click", function() {
					$("a").removeAttr("target");
				});
			});
		</script>
	</head>

	<body>
		<a href="#" target="_blank">a标签超链接</a><br><br>
		<button>去除a标签的属性</button>
	</body>
</html>
로그인 후 복사

Jquery에서 태그 속성을 제거하는 방법

2의 대상 속성을 제거합니다. attr()

attr() 메서드를 사용하여 선택한 요소의 속성 값을 설정하거나 반환합니다.

attr() 메서드를 사용하여 선택한 요소의 속성 값을 빈 값으로 설정하면 지정된 속성도 무효화될 수 있습니다.

구문: ​​

$("a").attr("要移除的属性名","")
로그인 후 복사

예: a 태그의 href 속성 제거

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-3.2.1.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").bind("click", function() {
					$("a").attr("href", "");
				});
			});
		</script>
	</head>

	<body>
		<a href="#" target="_blank">a标签超链接</a><br><br>
		<button>去除a标签的属性</button>
	</body>
</html>
로그인 후 복사

Jquery에서 태그 속성을 제거하는 방법

확장 지식:

태그는 한 페이지에서 다른 페이지로 연결하는 데 사용되는 하이퍼링크를 정의합니다. .

요소의 가장 중요한 속성은 링크 대상을 지정하는 href 속성입니다.

태그 설정 가능 속성

shapedefaultretcircle대상 URL의 MIME 유형을 지정합니다. href 속성이 있는 경우에만 사용됩니다. 참고: MIME = 다목적 인터넷 메일 확장자.
Attribute Value Description
charset char_encoding HTML에서 지원되지 않음 5.
coords coordinates HTML 5에서는 지원되지 않습니다.
href URL 링크의 대상 URL입니다.
hreflang 언어_code 대상 URL의 기본 언어를 지정합니다. href 속성이 있는 경우에만 사용됩니다.
media media query

대상 URL의 미디어 유형을 지정합니다.

기본값: 모두. href 속성이 있는 경우에만 사용됩니다.

name section_name HTML 5에서는 지원되지 않습니다.
rel
  • alternate
  • archives
  • author
  • bookmark
  • contact
  • external
  • first
  • help
  • 아이콘
  • index
  • last
  • license
  • next
  • nofollow
  • NoreferrerrepingBack
  • prefetch
  • prev
  • search
  • stylesheet
  • sidebar
  • tag
  • ta는 현재 문서와 대상 URL 간의 관계를 지정합니다.
  • href 속성이 존재할 때만 사용됩니다.

rev

text
HTML 5에서는 지원되지 않습니다.
    poly
  • HTML 5에서는 지원되지 않습니다. 대상 URL을 여는 곳입니다. href 속성이 있는 경우에만 사용됩니다.
type
mime_type
  • 【추천 학습:
  • jQuery 동영상 튜토리얼
  • ,
  • 웹 프론트엔드 동영상

위 내용은 Jquery에서 태그 속성을 제거하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿