Kode Program
Original PostMenambahkan Elemen jQuery menggunakan Method prependTo()
%20Method.png "Menambahkan Elemen jQuery menggunakan Method prependTo()")
Hello guys! Kembali lagi bersama Miniblog dari Inzaghi's Blog! Jika sebelumnya sudah membuat jQuery DOM Manipulation, kali ini kita akan membuat Program menambahkan Elemen jQuery menggunakan Method prependTo().
%20Method.png)
Sumber : Tutorialspoint.com
Untuk Software-nya, Anda bisa menggunakan Notepad++, Sublime Text, ataupun VS Code, dan ditampilkan melalui Browser Anda. Bahkan Anda juga bisa menggunakan Online Compiler yang ada di Internet seperti Programiz, OneCompiler, OnlineGDB, dll.
Metode jQuery prependTo() melakukan tugas yang sama seperti prepend(). Perbedaan utamanya terletak pada sintaks, khususnya dalam penempatan konten dan target.
Berikut adalah Sintaks dari metode prependTo() :
$(selector).prepend(content, [content]);
Di sini, parameter konten bisa berupa string HTML, Elemen DOM, Node Teks, Array Elemen dan Node Teks, atau objek jQuery untuk dimasukkan di awal setiap elemen dalam kumpulan elemen yang cocok.
Contohnya :
<!DOCTYPE html><html><head><title>The jQuery Example</title><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script><script>$(document).ready(function() {$("button").click(function(){$("<p>Inzaghi</p>").prependTo(".inner");});});</script></head><body><div class="container"><h2>jQuery prependTo() Method</h2><div class="inner">Hello</div><div class="inner">Goodbye</div></div><br><button>Add Text</button></body></html>
Hasil Output :
Mohon maaf apabila ada kesalahan sedikit pun pada Kode Program ini.
Terima Kasih 😀😊😘👌👍 :)
.png)
.png)
.png)