Cara Menggunakan Fungsi before dan after jQuery

Hay guys apa kabar semuanya..??



Sebelum kita mulai mari kita lebaran terlebih dahulu untuk yang menjalankan mumpung masih berbau lebaran dan liburan nh guys, Taqabbalallahu Minna Wa Minkum Wa Ja’alanallahu Minal ‘Aidin Wal Faizin, mohon maaf lahir dan batin. Di mulai hari yang bersih dari semua khilaf yang pernah terjadi, seperti hal nya di artikel kali ini mengenai Cara Menggunakan Fungsi before dan after jQuery dimana didalam dunia nyata khilaf yakni kesalahan yang tak sengaja atau perbuatan yang telah terjadi yang adalah sebuah bagian dari .after() sedangkan kesalahan yang belum terjadi dapat diartikan .before() sebelum. Hehehe biar gak terlalu melenceng terlalu jauh mari kita seketika ke topik nya mengenai pembahasan guna .before() dan .after() di jQuery. Dengan menggunakan guna ini kita bebas meletakkan content setelah atau sebelumnya dapat disebut dapat menempatkan posisi nya yaitu sebelum atau sesudahnya.



Di studi case kali ini saya akan memberikan contohnya, dimana saya akan membangun beberapa tag html yang berbeda kemudian saya akan atur posisi dengan menggunakan guna .before() dan .after(). Seperti lazim teman – teman siapkan text editornya dan ketikkan script html nya persis seperti gambar di bawah ini



Sebelum



Kemudian save dengan nama index.html, dan jalankan di browser nya karenanya hasilnya seperti gambar di bawah ini



Sebelum



Lanjut di artikel mengenai Cara Menggunakan Fungsi before dan after jQuery, load terlebih dahulu library jQuery nya



Sebelum



Atau teman – teman dapat ambil di situs resminya jQuery.com, berikutnya kita berikan guna .after() saya akan menempatkan tag div setelah tag h2 karenanya yang terjadi tag div berada setelah tag h2



Sebelum



Sebelum



Langkah berikutnya kita gunakan guna .before(), saya akan menempatkan tag p sebelum tag h1



Sebelum



Karenanya hasilnya seperti gambar di bawah ini



Sebelum



Selain itu pun kita dapat tambahkan cssnya supaya kita tahu lebih jelas, teman – teman tambahkan css nya seperti gambar di bawah ini



Sebelum



Karenanya hasilnya seperti ini



Sebelum



Bagaimana, tak terlalu sukar bukan..??



Bagus, sekilas pembahasan mengenai Cara Menggunakan Fungsi before dan after jQuery dengan studi case yang sederhana. Gampang – mudahan dapat menjadi tambahan pengetahuan bagi kalian yang dikala ini baru belajar mengenai guna – guna dari jQuery, kalian pun dapat experimen sendiri dari studi case kali ini agar lebih memahami hasil output dari guna – guna jQuery nya.



Oke, terimakasih dan hingga jumpa.



Semoga bermanfaat 🙂



 



 




Sumber https://kursuswebsite.org

Popular posts from this blog

Perbedaan Antara Keyup dan Keydown Pada jQuery

Even di javascript adalah sebuah suatu yang terjadi di element tertentu, maksudnya yaitu suatu respon atau aksi yang di lakukan oleh user dimana kegiatan tersebut akan memicu jalannya script javascript yang terdapat di blog tersebut. Di javascript terdapat banyak event namun di pembahasan kali ini kita akan membahas mengenai Perbedaan Antara Keyup dan Keydown Di jQuery, Keyup adalah sebuah event yang akan di jalankan ketika tombol dilepaskan di di keyboard, dan sedangkan Keydown adalah sebuah event ketika tombol ditekan di keyboard.
Read more

Membuat Table Warna Berselang dengan PHP

Image
Selamat datang di blog Source Code Aplikasi, masih dengan File yang kemarin, tapi sekarang ini kita akan menggunakan Framework Bootstrap dan Membangun Table Warna Berselang dengan PHP, jadi jangan lupa yang kemarin praktekin dulu yah teman teman link nya yang ini . oka seketika saja kita praktekan.
Read more