Cara Menambahkan Objek atau Konten dengan after() jQUery
Ketika kamu mencintai, jujurlah di diri. Jadi diri sendiri, jangan biarkan mereka jatuh cinta di seseorang yg bukan dirimu. Oke bertemu lagi kita teman-teman. Apa kabar nya? terbaik dan nomor satu nya pasti nya ya. Di kesempatan kali ini saya akan berbagi ilmu kepada kalian mengenai Cara Menambahkan Objek atau Konten dengan after() jQUery.
Kegunaan after() ini sama seperti pseudo classes di HTML teman-teman mengenai ::after dan ::before. Tetapi disini kita memakai cara yang berbeda yaitu dengan menggunakan jquery.
Seketika saja, berikut Cara Menambahkan Objek atau Konten dengan after() jQUery.
After() mempunyai struktur selaku berikut:
$(selector).after(content,function(index))
Bagus, pertama-tama silahkan persiapkan terlebih dahulu file index.html nya.
Kemudian, isi di bagian <head> dengan library jquery nya,
<script src=https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js></script>
Setelah itu, isi di bagian <body> tag-tag di bawah ini,
<body>
<button>Klik disini bagi menambahkan guna after()</button>
<p>Saya suka</p>
<p>Dan saya benar-benar suka</p>
</body>
Dan yang terakhir, isi kembali di bagian <head> script after() nya,
<script>
$(document).ready(function(){
$(button).click(function(){
$(p).after(<p>Kamu!</p>);
});
});
</script>
Bagaimana teman-teman? lumayan gampang bukan?
Sekianlah bagi panduan kali ini mengenai Cara Menambahkan Objek atau Konten dengan after() jQUery.
Semoga bermanfaat, terima kasih
Sumber https://kursuswebsite.org
