Hai teman-teman semuanya, apa kabar? semoga tetap dalam keadaan sehat, kali ini kita lanjut lagi belajarnya, pada tutorial sebelumnya kita telah belajar banyak method yang ada pada jquery, dan pada tutorial kali ini kita masih akan belajar salah satu method yang ada pada jquery, kali ini kita akan belajar memahami fungsi method replaceall() pada jquery.

Method replaceAll() ini berfungsi untuk menggantikan element yang kita pilih sebagai selector dengan element yang kita tentukan secara keseluruhan, jadi konsepnya secara keseluruhan element yang kita pilih akan tergantikan dengan element yang kita tentukan, mungkin masih pada bingung, daripada bingung kita langsung saja pada praktek, pertama silahakan teman-teman buat sebuah file dan ketikan script berikut ini:

Pada script diatas saya membuat sebuah tombol yang nanti akan saya berikan fungsi ketika kita klik, lalu saya membuat beberapa p setelahnya, jika sudah silahkan teman-teman ketikan script  seperti berikut ini:

Seperti biasa saya mereload library dari jquery yang dapat kita ambil dari website resmi jquery yaitu jquery.com, setelah itu saya membuat sebuah script jquery dimana apabila tombol ubah diklik maka element p akan digantikan oleh element h2 dengan text dumet school secara keseluruhan, kelengkapan scriptnya adalah seperti ini teman-teman:

 

Jika sudah teman-teman save dan jalankan pada browser masing-masing, ketika kita klik maka element p akan berbuah secara keseluruhan dengan h2.

Gimana teman-teman? mudah bukan, mungkin untuk tutorial kali ini tentang memahami fungsi method replaceall() pada jquery cukup sampai disini dulu. semoga tutorial yang singkat kali ini dapat bermanfaat untuk teman-teman semuanya, sampai bertemu lagi pada tutorial berikutnya.

Terima kasih