Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk mengubah suai nilai atribut tertentu dalam jquery

Bagaimana untuk mengubah suai nilai atribut tertentu dalam jquery

青灯夜游
青灯夜游asal
2022-03-01 16:18:277406semak imbas

Dalam jquery, anda boleh menggunakan kaedah attr() untuk mengubah suai nilai atribut yang ditentukan Kaedah ini boleh menetapkan nilai atribut bagi elemen yang dipilih nama","Nilai Atribut ")" atau "$(selector).attr({nama atribut: nilai atribut})".

Bagaimana untuk mengubah suai nilai atribut tertentu dalam jquery

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

Dalam jquery, anda boleh menggunakan kaedah attr() untuk mengubah suai nilai atribut yang ditentukan. Kaedah

attr() menetapkan atau mengembalikan nilai atribut bagi elemen yang dipilih. Bergantung pada parameter kaedah, cara ia berfungsi juga berbeza.

Sintaks untuk menetapkan nilai atribut:

$(selector).attr(attribute,value) //单个属性/值对
$(selector).attr({attribute:value, attribute:value ...}) //多个属性/值对

Contoh:

<!DOCTYPE html>
<html>

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

	</head>

	<body>
		<img  src="img/1.jpg"    style="max-width:90%" / alt="Bagaimana untuk mengubah suai nilai atribut tertentu dalam jquery" >
		<br />
		<button>设置图像的 width 属性</button>
	</body>

</html>

Bagaimana untuk mengubah suai nilai atribut tertentu dalam jquery

<!DOCTYPE html>
<html>

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

	</head>

	<body>
		<img  src="img/1.jpg"    style="max-width:90%" / alt="Bagaimana untuk mengubah suai nilai atribut tertentu dalam jquery" >
		<br />
		<button>设置图像的 width 和 height 属性</button>
	</body>

</html>

Bagaimana untuk mengubah suai nilai atribut tertentu dalam jquery

[Pembelajaran yang disyorkan: tutorial video jQuery, bahagian hadapan web]

Atas ialah kandungan terperinci Bagaimana untuk mengubah suai nilai atribut tertentu dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn