Bagaimana cara mengganti HTML dalam DIV dengan jQuery

Langkah 1

Buka aplikasi pengembangan web atau editor teks dan buat halaman HTML baru.

Langkah 2

Tambahkan pustaka jQuery ke halaman dengan menambahkan kode HTML yang sesuai di antara tag "" ". Misalnya:

Ubah jalur di atribut "src" untuk mencocokkan lokasi dan versi pustaka yang diunduh dari situs web jQuery.

Langkah 3

Tulis kode berikut untuk menambahkan div HTML ke halaman dengan teks sampel. Ini harus ditambahkan di antara tag "" "".

Ini adalah contoh

Langkah 4

Tambahkan tombol HTML pada halaman menggunakan kode di bawah ini, yang harus ditambahkan setelah contoh DIV. Tombol tidak memiliki tindakan yang ditentukan saat ini, karena Anda akan menambahkan penangan klik melalui jQuery.

Langkah 5

Tambahkan kode HTML berikut di antara tag "" "" di bawah tag "" yang digunakan untuk memasukkan pustaka jQuery.

Kode ini akan membuat fungsi yang akan berjalan secara otomatis begitu halaman telah dimuat. Selanjutnya, Anda mendefinisikan penangan klik untuk tombol dengan id HTML "myButton", yang menjalankan fungsi saat diklik. Fungsi ini menggantikan kode HTML yang terdapat dalam DIV dengan id "test".

Langkah 6

Unggah halaman ke server web Anda, lalu buka di browser. Klik pada tombol dan Anda akan melihat bahwa konten DIV berubah secara instan saat handler klik berjalan.