Bagaimana untuk menukar atribut nilai dalam jquery-Soal Jawab bahagian hadapan-php.cn

Bagaimana untuk menukar atribut nilai dalam jquery

青灯夜游

Lepaskan： 2022-05-16 18:08:41

asal

5190 orang telah melayarinya

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>

Salin selepas log masuk

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");
	});
});

Salin selepas log masuk

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");
	});
});

Salin selepas log masuk

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!