Meskipun ada banyak kesamaan antara jQuery dan JavaScript, ada beberapa perbedaan dalam sintaks dan fungsinya. Untuk itu, pahami terlebih dahulu apa yang coba dilakukan oleh kode jQuery. Kemudian, gunakan metode atau atribut alternatif dari vanilla JavaScript.
Blog ini akan membahas konversi kode jQuery ke JavaScript.
Bagaimana Cara Mengonversi Kode jQuery ke JavaScript?
Untuk mengonversi kode jQuery ke JavaScript, penting untuk memahami apa yang dilakukan kode dan metode jQuery apa yang digunakan. Kemudian, gunakan metode alternatif di JavaScript, seperti “ $() ” digunakan di jQuery untuk memilih elemen saat di JavaScript, untuk memilih elemen “ document.querySelector() ' atau ' querySelectorAll() ” metode digunakan.
Mari pahami proses konversi dengan bantuan sebuah contoh.
Contoh
Di sini, kami memiliki kode jQuery yang mengubah warna teks dan menampilkan teks penjelasan pada klik tombol. Untuk itu, dokumen HTML berisi dua tombol, teks, dan tag
kosong dimana teks baru akan ditampilkan pada klik tombol:
< id div = 'myDiv' >
< P kelas = 'teks' > Tutorial JavaScript P >
< tombol id = 'tombol' > klik disini tombol >
< tombol id = 'tombol' > klik disini tombol >
< p id = 'pesan' > P >
div >
Saat bekerja dengan jQuery, wajib menambahkan pustaka jQuery di tag
dari dokumen HTML: < skrip src = 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js' > naskah >Di tag