Jquery에서 attr은 무엇을 의미합니까?-프런트엔드 Q&A-php.cn

Jquery에서 attr은 무엇을 의미합니까?

青灯夜游

풀어 주다： 2022-04-28 18:04:30

원래의

5121명이 탐색했습니다.

jquery에서 attr의 전체 이름은 "속성"을 의미하는 "attribute"입니다. 요소의 속성 값을 반환할 수 있는 속성 작업 메서드입니다. 구문은 "element.attr("속성 이름")입니다. "; 요소에 대해 설정할 수도 있습니다. 하나 이상의 속성/값 쌍, 구문은 "element.attr({attribute:value,attribute:value...})"입니다.

Jquery에서 attr은 무엇을 의미합니까?

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

jquery에서 attr의 전체 이름은 "attribute"이며 중국어로 "속성"을 의미합니다.

attr()은 선택된 요소의 속성과 값을 설정하거나 반환할 수 있는 jquery의 속성 연산 메서드입니다.

이 메서드를 사용하여 속성 값을 반환하면 일치하는 첫 번째 요소의 값이 반환됩니다.
이 방법을 사용하여 속성 값을 설정하면 일치하는 요소에 대해 하나 이상의 속성/값 쌍이 설정됩니다.

구문:

속성 값 반환:

$(selector).attr("属性名")

로그인 후 복사

속성 및 값 설정:

//设置单个属性和值：
$(selector).attr("属性","值")

//设置多个属性和值：
$(selector).attr({属性:值,属性:值,...})

로그인 후 복사

예 1: 속성 값 반환

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					alert("图片宽度: " + $("img").attr("width"));
				});
			});
		</script>
	</head>
	<body>

		<img src="img/1.jpg" alt="Pulpit Rock" width="284"    style="max-width:90%">
		<br>
		<button>返回图片的宽度</button>

	</body>
</html>

로그인 후 복사

Jquery에서 attr은 무엇을 의미합니까?

예 2 :이미지 너비 속성 설정

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					 $("img").attr("width","500");
				});
			});
		</script>
	</head>
	<body>

		<img src="img/1.jpg" alt="Pulpit Rock" width="284"    style="max-width:90%">
		<br>
		<button>为图片设置width属性</button>

	</body>
</html>

로그인 후 복사

Jquery에서 attr은 무엇을 의미합니까?

예 3: 여러 속성 및 값 쌍 설정

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					$("img").attr({width:"150",height:"100"});
				});
			});
		</script>
	</head>
	<body>

		<img src="img/1.jpg" alt="Pulpit Rock" width="284"    style="max-width:90%">
		<br>
		<button>给图片设置宽度和高度属性</button>

	</body>
</html>

로그인 후 복사

Jquery에서 attr은 무엇을 의미합니까?