Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Bagaimana untuk mengubah suai nilai butang dalam jquery

Bagaimana untuk mengubah suai nilai butang dalam jquery

青灯夜游
青灯夜游asal
2022-03-18 13:58:186231semak imbas

Cara mengubah suai nilai butang dalam jquery: 1. Gunakan fungsi html(), sintaks "$("butang").html("Nilai baharu untuk ditetapkan");" 2. Gunakan teks() fungsi , sintaks ialah "$("butang").text("Nilai baharu untuk ditetapkan");".

Bagaimana untuk mengubah suai nilai butang dalam jquery

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

jquery mengubah suai nilai butang

Kaedah 1: Gunakan kaedah html()

html () kaedah menetapkan atau mengembalikan kandungan elemen yang dipilih (innerHTML).

<!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() {
					$("button").html("修改好了,新值");
				});
			});
		</script>
	</head>

	<body>
		<button>修改按钮的值</button>
	</body>
</html>

Bagaimana untuk mengubah suai nilai butang dalam jquery

Kaedah 2: Gunakan kaedah text()

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

Apabila kaedah ini digunakan untuk mengembalikan kandungan, kandungan teks semua elemen padanan dikembalikan (teg HTML dialih keluar).

Apabila kaedah ini digunakan untuk menetapkan kandungan, kandungan semua elemen padanan akan ditindih.

<!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() {
					$("button").text("设置好新值了");
				});
			});
		</script>
	</head>

	<body>
		<button>修改按钮的值</button>
	</body>
</html>

Bagaimana untuk mengubah suai nilai butang dalam jquery

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

Atas ialah kandungan terperinci Bagaimana untuk mengubah suai 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:Apakah operasi interpolasi vue?Artikel seterusnya:Apakah operasi interpolasi vue?