Bagaimana untuk menanyakan nilai atribut dengan jquery-Soal Jawab bahagian hadapan-php.cn

Bagaimana untuk menanyakan nilai atribut dengan jquery

青灯夜游

Lepaskan： 2022-04-20 18:32:52

asal

6508 orang telah melayarinya

Cara untuk menanyakan nilai atribut dengan jquery: 1. Gunakan attr() untuk mengembalikan nilai atribut elemen yang dipilih, sintaksnya ialah "$(selector).attr("Nama Atribut""; 2. Gunakan prop( ), boleh mengembalikan nilai atribut elemen padanan pertama, sintaksnya ialah "$(selector).prop("property name").

Bagaimana untuk menanyakan nilai atribut dengan jquery

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

boleh memberikan beberapa maklumat tambahan untuk teg HTML atau mengubah suai teg HTML. Atribut perlu ditambahkan dalam teg permulaan dan format sintaks ialah:

attr="value"

Salin selepas log masuk

attr mewakili nama atribut dan nilai mewakili nilai atribut. Nilai atribut mesti dikelilingi oleh petikan berganda " " atau petikan tunggal ' '.

Perhatikan bahawa walaupun petikan berganda dan petikan tunggal boleh mengelilingi nilai atribut, demi penyeragaman dan profesionalisme, sila gunakan petikan berganda sebanyak mungkin.

Teg tidak boleh mempunyai atribut, atau boleh mempunyai satu atau lebih atribut.

Contoh:

<p id="user-info" class="color-red"><p>

Salin selepas log masuk

Jadi bagaimana untuk menanyakan nilai atribut menggunakan jquery?

Dalam jquery, anda boleh menggunakan dua kaedah untuk menanyakan nilai atribut

attr()
prop ( )

Kedua-dua kaedah boleh mendapatkan atau menetapkan atribut HTML elemen

1. Gunakan kaedah attr() untuk menanyakan nilai atribut < Kaedah 🎜>

attr() boleh mengembalikan nilai atribut elemen yang dipilih

Sintaks:

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

Salin selepas log masuk

Contoh: Dapatkan nilai atribut img src, iaitu, alamat imej

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

	<body>
		<img  id="img" src="img/1.jpg"    style="max-width:90%"/ alt="Bagaimana untuk menanyakan nilai atribut dengan jquery" ><br><br><br>
		<button>获取img src属性值（图片地址）</button>
	</body>

</html>

Salin selepas log masuk

Bagaimana untuk menanyakan nilai atribut dengan jquery

2. Gunakan kaedah prop() untuk menanyakan nilai atribut

Prop. () kaedah boleh mengembalikan nilai atribut elemen yang dipilih, akan mengembalikan nilai atribut elemen padanan pertama.

Sintaks:

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

Salin selepas log masuk

Contoh: Dapatkan nilai atribut lebar img, iaitu lebar imej

<!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() {
					var width=$("img").prop("width");
					alert("图片宽度为： "+width)
				});
			});
		</script>
	</head>

	<body>
		<img  id="img" src="img/1.jpg"    style="max-width:90%"/ alt="Bagaimana untuk menanyakan nilai atribut dengan jquery" ><br><br><br>
		<button>获取img width属性值</button>
	</body>

</html>

Salin selepas log masuk

Bagaimana untuk menanyakan nilai atribut dengan jquery

[Pembelajaran yang disyorkan:

tutorial video jQuery, video bahagian hadapan web]

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