Hai teman-teman semuanya, masi semangat belajarnya, kita lanjut lagi belajarnya, pada tutorial sebelumnya kita telah bahas banyak sekali method-method yang ada pada jquery dan pada tutorial kali ini saya masih akan belajar fungsi method replaceWith() pada jquery.

Fungsi dati method replaceWith() adalah untuk menggantikan suatu element html dengan kontent lain sesuai keinginan kita, nah mungkin untuk lebih jelasnya kita langsung saja praktekan, teman-teman silahkan buat sebuah file dan ketikan script berikut ini:

Saya membuat sebuah element h1 dengan text dumet school dan saya membuat sebuah tombol yang nanti akan saya berikan fungsi untuk menggantikan element h1 yang telah kita letakan tadi, jika sudah disave, masih di file yang sama teman-teman coba tambahkan script jquery berikut ini:

Seperti biasa kita harus mereload library dari jquery yaitu yang dapat kita ambil dari website resmi jquery yaitu jquery.com, setelah itu saya membuat sebuah fungsi pada button yang apabila button diklik maka h1 akan mengalami method replaceWith() yang akan digantikan dengan text “Terbaik dan nomor satu”. jika sudah silahakan teman-teman jalankan pada browser, ini keadaan sebelum tombol diklik.

Belajar Fungsi Method replaceWith() Pada Jquery1

Dan jika teman-teman klik maka hasilnya akan seperti berikut ini:

Belajar Fungsi Method replaceWith() Pada Jquery2]

Text dumet school akan terganti oleh text terbaik dan nomor satu, Gimana teman-teman cukup mudah bukan, mungkin untuk tutorial kali ini tentang belajar fungsi method replaceWith() pada jquery cukup sampai disini dulu, semoga bermanfaat untuk teman-teman semuanya, sampai bertemu lagi pada tutorial berikutnya.

Terima kasih.