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

Bagaimana untuk menukar nilai butang dalam jquery

青灯夜游asal: 2022-04-28 17:17:235446semak imbas

Cara menukar nilai butang dalam jquery: 1. Gunakan html() untuk menetapkan kandungan baharu bagi elemen yang ditentukan, dengan sintaks "$("butang").html("nilai kandungan baharu")" ; 2. Gunakan text( )Menetapkan kandungan teks baharu kepada elemen yang ditentukan, sintaksnya ialah "$("butang").text("nilai baharu"".

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

jquery menukar nilai butang

Kaedah pelaksanaan:

Gunakan $("button") untuk dapatkan butang Elemen
Gunakan html() atau text() untuk mengubah suai nilai elemen yang dipilih

1. Gunakan kaedah html( )

html() boleh menetapkan kandungan (innerHTML) elemen yang dipilih.

<!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() {
					$(this).html("button新值");
				});
			});
		</script>
	</head>
	<body>
		<button>修改button内容</button>

	</body>
</html>

Bagaimana untuk menukar nilai butang dalam jquery

2 Gunakan kaedah text()

text() untuk menetapkan atau mengembalikan kandungan teks bagi elemen yang dipilih.

<!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() {
					$(this).text("Hello world!");
				});
			});
		</script>
	</head>
	<body>
		<button>修改button内容</button>

	</body>
</html>

Bagaimana untuk menukar nilai butang dalam jquery

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

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

Artikel sebelumnya：Bagaimana untuk menentukan sama ada elemen dipaparkan dalam jqueryArtikel seterusnya：Bagaimana untuk menentukan sama ada elemen dipaparkan dalam jquery

Artikel berkaitan

Lihat lagi