Rumah >hujung hadapan web >tutorial js >Bagaimana untuk menambah baris maklumat pada akhir dengan jquery

Bagaimana untuk menambah baris maklumat pada akhir dengan jquery

WBOYasal: 2021-11-23 17:18:572311semak imbas

Cara menambah baris maklumat pada penghujung jquery: 1. Gunakan pernyataan "$(elemen)" untuk memadankan objek elemen yang anda ingin tambahkan maklumat; 2. Gunakan kaedah append(). untuk menambah baris maklumat pada penghujung elemen, sintaks Ia adalah "elemen object.append("Maklumat yang akan ditambah");".

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

Cara menambah baris maklumat pada penghujung dalam jquery

Dalam jquery, anda boleh menggunakan kaedah append() untuk menambah baris maklumat di hujung, kaedah append() Memasukkan kandungan yang ditentukan di hujung (masih di dalam) elemen yang dipilih.

Sintaks kaedah ini ialah:

$(selector).append(content)

di mana kandungan mewakili kandungan yang akan ditambahkan pada baris terakhir.

Mari kita lihat contoh di bawah:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("p").append(" <p>这是在最后添加的一行信息</p>");
  });
});
</script>
</head>
<body>
<p>这是初始的一行信息</p>
<button>在每个 p 元素的结尾添加内容</button>
</body>
</html>

Hasil keluaran:

Bagaimana untuk menambah baris maklumat pada akhir dengan jquery

Selepas mengklik butang:

Bagaimana untuk menambah baris maklumat pada akhir dengan jquery

Tutorial video berkaitan yang disyorkan: Tutorial video jQuery

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

jquery append 对象

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 membuat elemen hilang dan dipaparkan secara automatik dalam jqueryArtikel seterusnya：Bagaimana untuk membuat elemen hilang dan dipaparkan secara automatik dalam jquery

Artikel berkaitan

Lihat lagi