Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk menggantikan kandungan div dengan jquery

Bagaimana untuk menggantikan kandungan div dengan jquery

青灯夜游
青灯夜游asal
2022-03-11 14:00:304813semak imbas

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))
参数 描述
content 可选。规定被选元素的新内容。该参数可包含 HTML 标签。
Parameter 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>

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!

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