jquery tambah html

jQuery ialah perpustakaan JavaScript ringkas yang menjadikannya sangat mudah untuk memanipulasi dokumen HTML dengan cara yang lebih mudah. Antaranya, jQuery menyediakan banyak kaedah untuk memanipulasi dan mengubah suai elemen dalam dokumen HTML. Artikel ini akan memperkenalkan cara menambah HTML dalam jQuery mengikut tajuk.

1. Apakah itu menambah HTML?

HTML (Hyper Text Markup Language) ialah bahasa yang digunakan untuk menerangkan struktur halaman web. Apabila kita menyemak imbas halaman web, semua yang kita lihat dibina daripada kod HTML. Dalam jQuery, kami boleh mengubah suai kandungan halaman web dengan menambah atau mengubah suai kod HTML ini.

Menambah HTML biasanya merujuk kepada menambah elemen HTML baharu atau kandungan HTML di dalam atau di luar elemen HTML. Operasi ini boleh dicapai melalui beberapa kaedah dalam jQuery. Dalam kandungan berikut, kami akan menunjukkan beberapa contoh cara menggunakan kaedah ini.

2. Tambahkan HTML di dalam elemen

1. kaedah append()

kaedah append() jQuery boleh ditambah di hujung dalam elemen Satu atau lebih banyak kandungan. Dalam contoh berikut, kami akan menggunakan kaedah ini untuk menambah elemen

<div id="container">
  <!--这里是一些内容-->
</div>

$("#container").append("<div>这是新增的元素</div>");

<div id="container">
  <!--这里是一些内容-->
</div>

$("#container").prepend("<p>这是新增的段落</p>");

<div id="container">
  <!--这里是一些内容-->
</div>

$("#container").after("<div>这是新增的元素</div>");

<div id="container">
  <!--这里是一些内容-->
</div>

$("#container").before("<p>这是新增的段落</p>");