Salinan kode adalah sebagai berikut:
<Html>
<head>
<skrip src = "http://code.jquery.com/jquery-1.11.0.min.js"> </script>
<script>
// Buat elemen html
fungsi $ c (tagName) {
return document.createelement (tagName);
}
// Apa yang harus dieksekusi setelah dokumen dimuat
$ (dokumen) .ready (function () {
// BIND Klik Peristiwa Tombol Menambahkan Baris
$ ("#addRow"). bind ("click", function () {
// Dapatkan meja
var tab = $ ("#tab");
// Buat elemen TR
var tr = $ c ("tr");
// Tambahkan elemen tr ke tabel
tab.append (tr);
// Buat elemen TD
var td1 = $ c ("td");
// Isi elemen TD
td1.innerhtml = "masukkan1";
// Tambahkan elemen TD ke TR yang baru ditambahkan
Tr.AppendChild (TD1);
var td2 = $ c ("td");
td2.innerhtml = "insert2";
Tr.AppendChild (TD2);
});
// Bind The Click Event dari tombol Hapus Baris
$ ("#deletero"). bind ("click", function () {
// Dapatkan baris pertama tabel
var tab = $ ("#tab tr: eq (0)");
// hapus baris ini
tab.remove ();
});
});
</script>
</head>
<body>
<tabel border = '1' id = "tab">
<tr>
<td> 123 </td>
<td> 456 </td>
</tr>
</boable>
</br>
<tombol id = "addRow"> Tambahkan baris </button>
<tombol id = "deletero"> Hapus baris </button>
</body>
</html>