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

Bagaimana untuk menukar atribut nilai dalam jquery

青灯夜游
青灯夜游asal
2022-05-16 18:08:355126semak imbas

3 kaedah: 1. Gunakan "elemen object.val("new value")" untuk mengubah suai atribut value; 2. Gunakan "element object.attr("value","new value" )", anda boleh mengubah suai nilai atribut nilai; 3. Gunakan "elemen object.removeAttr("value")" untuk memadamkan atribut nilai.

Bagaimana untuk menukar atribut nilai dalam jquery

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

Atribut nilai HTML

Atribut nilai menentukan nilai elemen Atribut nilai mempunyai penggunaan yang berbeza untuk jenis input yang berbeza:

  • Untuk jenis "butang", "set semula", "serahkan" - tentukan teks pada butang

  • Untuk jenis "teks", "kata laluan", "tersembunyi" - mentakrifkan nilai awal (lalai) medan input

  • Untuk "kotak semak", "radio" , "image " Type - Mentakrifkan nilai yang dikaitkan dengan elemen input yang dihantar ke URL tindakan borang apabila borang diserahkan.

Atribut nilai diperlukan untuk dan . Atribut nilai tidak digunakan pada .

3 cara untuk menukar atribut nilai dalam jquery:

  • Gunakan val() untuk mengubah suai nilai atribut nilai

  • Gunakan attr() untuk mengubah suai nilai atribut nilai

  • Gunakan removeAttr() untuk memadamkan atribut nilai

1. Gunakan val() untuk mengubah suai nilai atribut value

Kaedah val() mengembalikan atau menetapkan nilai elemen yang dipilih. Nilai elemen ditetapkan melalui atribut nilai. Kaedah ini kebanyakannya digunakan untuk elemen input.

Contoh: Kosongkan nilai atribut nilai

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					$("input").val("");
				});
			});
		</script>
	</head>
	<body>

		
		<p>用户名: <input type="text" name="user" value="李华" /></p>
		<p>密 码: <input type="password" name="password" value="123456" /></p>
		<button>修改value的值</button>
		<p>清空所有input元素的value属性值</p>
	</body>
</html>

Bagaimana untuk menukar atribut nilai dalam jquery

2. Gunakan attr() untuk mengubah suai nilai atribut nilai

$(document).ready(function() {
	$("button").click(function() {
		$("input").attr("value","hello");
	});
});

Bagaimana untuk menukar atribut nilai dalam jquery

3 Gunakan removeAttr() untuk memadamkan atribut nilai

removeAttr() digunakan untuk. padamkan atribut yang ditentukan bagi elemen yang dipilih

$(document).ready(function() {
	$("button").click(function() {
		$("input").removeAttr("value");
	});
});

Bagaimana untuk menukar atribut nilai dalam jquery

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

Atas ialah kandungan terperinci Bagaimana untuk menukar atribut nilai 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