Rumah > hujung hadapan web > tutorial js > Bagaimana untuk mengubah suai nilai elemen anak dalam jquery

Bagaimana untuk mengubah suai nilai elemen anak dalam jquery

WBOY
Lepaskan: 2022-09-09 19:26:05
asal
3077 orang telah melayarinya

Cara mengubah suai nilai sub-elemen dalam jquery: 1. Gunakan pernyataan "$("elemen id value")" untuk mendapatkan objek sub-elemen berdasarkan nilai id yang ditentukan; Gunakan kaedah html() untuk mengubah suai sub-elemen yang diperolehi Nilai objek elemen adalah mencukupi, dan sintaksnya ialah "child element object.html("modified value");".

Bagaimana untuk mengubah suai nilai elemen anak dalam jquery

Persekitaran pengendalian tutorial ini: sistem windows7, versi jquery3.6.1, komputer Dell G3.

Cara jquery mengubah suai nilai sub-elemen

Kita boleh menggunakan kaedah html() untuk mengembalikan atau menetapkan kandungan yang dipilih elemen (HTML dalaman) .

Jika kaedah ini tidak menetapkan parameter, kandungan semasa elemen yang dipilih dikembalikan

Sintaksnya ialah:

$(selector).html(content)
Salin selepas log masuk

Antaranya, kandungan adalah pilihan. parameter. Menentukan kandungan baharu elemen yang dipilih. Parameter ini boleh mengandungi teg HTML.

Jquery hanya perlu menggunakan kaedah html untuk mengubah suai nilai sub-elemen. Sintaksnya ialah "elemen object.html (nilai diubah suai); melalui contoh:

Hasil keluaran:
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".btn1").click(function(){
    $("p").html("Hello world!");
  });
});
</script>
</head>
<body>
<p>This is another paragraph.</p>
<button class="btn1">改变 p 元素的内容</button>
</body>
</html>
Salin selepas log masuk

Bagaimana untuk mengubah suai nilai elemen anak dalam jqueryUntuk lebih banyak pengetahuan berkaitan pengaturcaraan, sila lawati:

Video Pengaturcaraan

! !

Atas ialah kandungan terperinci Bagaimana untuk mengubah suai nilai elemen anak dalam 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