Apakah maksud attr dalam jquery-Soal Jawab bahagian hadapan-php.cn

Apakah maksud attr dalam jquery

青灯夜游

Lepaskan： 2022-04-28 18:04:30

asal

5138 orang telah melayarinya

Dalam jquery, nama penuh attr ialah "atribut", yang bermaksud "atribut". Ia adalah kaedah operasi atribut yang boleh mengembalikan nilai atribut bagi elemen tersebut. nama atribut""; juga Satu atau lebih pasangan atribut/nilai boleh ditetapkan untuk elemen, dengan sintaks "element.attr({attribute:value, attribute:value...})".

Apakah maksud attr dalam jquery

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.

Dalam jquery, nama penuh attr ialah "atribut", yang bermaksud "atribut" dalam bahasa Cina.

attr() ialah kaedah operasi atribut dalam jquery yang boleh menetapkan atau mengembalikan atribut dan nilai elemen yang dipilih.

Apabila kaedah ini digunakan untuk mengembalikan nilai atribut, nilai elemen padanan pertama dikembalikan.
Apabila kaedah ini digunakan untuk menetapkan nilai atribut, satu atau lebih pasangan atribut/nilai ditetapkan untuk elemen padanan.

Sintaks:

Kembalikan nilai atribut:

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

Salin selepas log masuk

Tetapkan atribut dan nilai:

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

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

Salin selepas log masuk

Contoh 1: Kembalikan nilai atribut

<!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>

Salin selepas log masuk

Apakah maksud attr dalam jquery

Contoh 2 : Tetapkan Atribut lebar imej

<!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>

Salin selepas log masuk

Apakah maksud attr dalam jquery

Contoh 3: Menetapkan berbilang pasangan atribut dan nilai

<!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>

Salin selepas log masuk

Apakah maksud attr dalam jquery