Bagaimana untuk menggantikan kandungan div dengan jquery

青灯夜游
Lepaskan: 2022-03-11 14:50:30
asal
4815 orang telah melayarinya

Dalam jquery, anda boleh menggunakan kaedah html() untuk menggantikan kandungan elemen div Kaedah ini boleh menetapkan dan menulis ganti kandungan semua elemen padanan Sintaksnya ialah "$("div"). html("kandungan div baharu ")".

Bagaimana untuk menggantikan kandungan div dengan jquery

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

Dalam jquery, anda boleh menggunakan kaedah html() untuk menggantikan kandungan elemen div. Kaedah

html() mengembalikan atau menetapkan kandungan (HTML dalaman) elemen yang dipilih.

Apabila parameter diserahkan kepada kaedah ini dan nilai ditetapkan, ia akan menimpa kandungan semua elemen padanan.

Sintaks:

$(selector).html(content)
//或
$(selector).html(function(index,oldcontent))
Salin selepas log masuk
参数描述
content可选。规定被选元素的新内容。该参数可包含 HTML 标签。
Parameter< /th>Penerangan
fungsi(index,oldcontent)
参数描述
function(index,oldcontent)

规定一个返回被选元素的新内容的函数。

  • index - 可选。接收选择器的 index 位置。
  • oldcontent - 可选。接收选择器的当前内容。
Menentukan kembali fungsi elemen yang dipilih kandungan baharu.

  • indeks - Pilihan. Menerima kedudukan indeks pemilih.
  • kandungan lama - Pilihan. Menerima kandungan semasa pemilih.

Contoh:

<!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() {
					 $("div").html("Hello <b>world!</b>");
				});
			});
		</script>
	</head>
	<body>

		<div>这是一段文字。</div>
		<div>这是另一段文字。</div><br>
		<button>改变 div 元素的内容</button>
	</body>
</html>
Salin selepas log masuk

Bagaimana untuk menggantikan kandungan div dengan jquery

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

]

Atas ialah kandungan terperinci Bagaimana untuk menggantikan kandungan div dengan jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan