Tutorial jQuery Part 6 (VA)

Tutorial jQuery Part 6

Menambahkan element HTML dengan jQuery

Untuk tutorial kali ini kita dapat mengenal metode baru. Metode baru yang akan kita kenali yaitu ada 4 metode : append(),prepend(),after() dan before().

Method append() dan prepend() bisa digunakan untuk menambah elemen HTML baru ke dalam kode HTML yang sudah ada. Method append() akan menambahkan elemen baru ke bagian akhir, sedangkan prepend() akan menambahkan elemen HTML baru ke bagian awal.

Maka seperti biasa kita menuliskan tag-tag HTML, maka codingnya :

Setelah itu kita mengetikkan buttonnya dimana kita akan memisahkan append() dan prepend(). Maka codingnya adalah :

Setelah selesai maka kita lanjutkan dengan mengetikkan tag <script> kita yang seperti tutorial sebelumnya masih menggunakan "jquery-2.1.4.js" untuk file jquery. Maka untuk metode append() dan prepend() kita seperti menyisipkan kalimat di halaman bagian awal untuk prepend sedangkan menambahkan kalimat di halaman bagian bawah . Maka codingnya adalah :

Outputnya :

 Setelah membahas tentang metode append() dan prepend(), kita akan membahas tentang metode after() dan before().

Untuk metode after dan before ini prinsipnya sama dengan metode append dan prepend bedanya hanya diletak dimana posisi di mana element baru akan ditambahkan. Method after() dan before() akan menambahkan elemen baru di luar jQuery selector.

Dan untuk coding metode after() dan before() ini hampir sama dengan append() dan prepend() hanya mengubah dibagian append() dan prepend() nya. Maka codingnya :

Maka outputnya :

 Sekian tutorial jquery untuk hari ini semoga bermanfaat :)
Thankyou for reading , have a nice day and God bless you ;)

“The best programs are written so that computing machines can perform them quickly and so that human beings can understand them clearly. A programmer is ideally an essayist who works with traditional aesthetic and literary forms as well as mathematical concepts, to communicate the way that an algorithm works and to convince a reader that the results will be correct.”
― Donald Ervin Knuth, Selected Papers on Computer Science