Cara Menambahkan Objek atau Konten dengan after() jQUery

Ketika kamu mencintai, jujurlah pada diri. Jadi diri sendiri, jangan biarkan mereka jatuh cinta pada seseorang yg bukan dirimu. Oke bertemu lagi kita teman-teman. Apa kabar nya? terbaik dan nomor satu nya pasti nya ya. Pada kesempatan kali ini saya akan berbagi ilmu kepada kalian tentang Cara Menambahkan Objek atau Konten dengan after() jQUery.

Fungsi after() ini sama seperti pseudo classes di HTML teman-teman tentang ::after dan ::before. Tapi disini kita memakai cara yang berbeda yaitu dengan menggunakan jquery.
Langsung saja, berikut Cara Menambahkan Objek atau Konten dengan after() jQUery.

After() mempunyai struktur sebagai berikut:

$(selector).after(content,function(index))

Baik, pertama 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 untuk menambahkan fungsi 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? cukup mudah bukan?

Sekian untuk tutorial kali ini tentang Cara Menambahkan Objek atau Konten dengan after() jQUery.

Semoga bermanfaat, terima kasih

Cara Menambahkan Objek atau Konten dengan after() jQUery

Kategori