cari

Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk menukar atribut src img dalam jquery

Bagaimana untuk menukar atribut src img dalam jquery

青灯夜游
青灯夜游asal
2022-03-03 15:41:5213188semak imbas

Cara menukar atribut img src dalam jquery: 1. Gunakan atribut attr(), sintaks "$("img").attr("src","alamat fail imej""; () kaedah, sintaks "$("img").prop("src","alamat fail imej")".

Bagaimana untuk menukar atribut src img dalam jquery

Persekitaran pengendalian tutorial ini: sistem windows7, versi jquery3.6.1, komputer Dell G3.

Bagaimanakah jquery menukar atribut src img Kaedah >attr() menetapkan atau mengembalikan nilai atribut elemen yang dipilih.

Kaedah 2: Gunakan kaedah prop() 

<!DOCTYPE html>
<html>

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

	<body>
		<img  id="img" src="img/1.jpg"    style="max-width:90%"/ alt="Bagaimana untuk menukar atribut src img dalam jquery" ><br><br><br>
		<button>更改img src属性值（换图）</button>
	</body>

</html>
kaedah prop() untuk menetapkan atau mengembalikan atribut elemen dan nilai yang dipilih.

Bagaimana untuk menukar atribut src img dalam jquery

[Pembelajaran yang disyorkan:

tutorial video jQuery

,

video pengenalan bahagian hadapan web
<!DOCTYPE html>
<html>

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

	<body>
		<img  id="img" src="img/1.jpg"    style="max-width:90%"/ alt="Bagaimana untuk menukar atribut src img dalam jquery" ><br><br><br>
		<button>更改img src属性值（换图）</button>
	</body>

</html>
]

Atas ialah kandungan terperinci Bagaimana untuk menukar atribut src img dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

jquery
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
Artikel sebelumnya：Bagaimana untuk menyembunyikan li dalam javascriptArtikel seterusnya：Bagaimana untuk menyembunyikan li dalam javascript

Artikel berkaitan

Lihat lagi