Bolehkah jquery mendapatkan atribut src imej?-Soal Jawab bahagian hadapan-php.cn

Bolehkah jquery mendapatkan atribut src imej?

青灯夜游

Lepaskan： 2022-12-16 16:27:16

asal

3329 orang telah melayarinya

jquery boleh mendapatkan atribut src imej. Kaedah mendapatkan: 1. Gunakan attr() untuk mendapatkan atribut src bagi elemen gambar img, sintaksnya ialah "$(img).attr("src""; 2. Gunakan prop() untuk mendapatkan gambar img padanan pertama atribut elemen src, sintaksnya ialah "$(img).prop("src")".

Bolehkah jquery mendapatkan atribut src imej?

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

Dalam jquery, anda boleh menggunakan dua kaedah untuk mendapatkan atribut elemen:

attr()
prop()

Kaedah 1. Gunakan attr() untuk mendapatkan atribut src imej

attr() kaedah boleh mengembalikan Pilih nilai atribut elemen

Sintaks:

元素对象.attr("属性名")

Salin selepas log masuk

Hanya dapatkan objek elemen img yang ditentukan dan gunakan kaedah attr("src") untuk mendapatkan atribut src imej

Contoh: Dapatkan nilai atribut img src, iaitu alamat imej

<!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() {
					var img=$("img").attr("src");
					console.log("src属性值为： "+img)
				});
			});
		</script>
	</head>

	<body>
		<img  id="img" src="img/2.jpg"    style="max-width:90%"/ alt="Bolehkah jquery mendapatkan atribut src imej?" ><br><br>
		<button>获取img src属性值（图片地址）</button>
	</body>

</html>

Salin selepas log masuk

Bolehkah jquery mendapatkan atribut src imej?

2. Gunakan prop() mendapat atribut src bagi imej

Kaedah prop() boleh mengembalikan nilai atribut elemen yang dipilih, dan akan mengembalikan nilai atribut daripada elemen padanan pertama.

Sintaks:

元素对象.prop("属性名")

Salin selepas log masuk

Anda hanya perlu mendapatkan objek elemen img yang ditentukan dan gunakan kaedah prop("src") untuk mendapatkan atribut src bagi imej

Contoh: Dapatkan nilai atribut img src, iaitu alamat imej

<!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() {
					var img=$("img").prop("src");;
					console.log("src属性值为： "+img)
				});
			});
		</script>
	</head>

	<body>
		<img  id="img" src="img/2.jpg"    style="max-width:90%"/ alt="Bolehkah jquery mendapatkan atribut src imej?" ><br><br>
		<button>获取img src属性值（图片地址）</button>
	</body>

</html>

Salin selepas log masuk

Bolehkah jquery mendapatkan atribut src imej?

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

Atas ialah kandungan terperinci Bolehkah jquery mendapatkan atribut src imej?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!