Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk menanyakan nilai atribut dengan jquery

Bagaimana untuk menanyakan nilai atribut dengan jquery

青灯夜游
青灯夜游asal
2022-04-20 18:30:406491semak imbas

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"

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>

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

attr() boleh mengembalikan nilai atribut elemen yang dipilih

Sintaks:

$(selector).attr("属性名")
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>

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("属性名")
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>

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!

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