Walaupun terdapat banyak persamaan antara jQuery dan JavaScript, beberapa perbezaan juga wujud dalam sintaks dan fungsinya. Untuk itu, pertama, fahami perkara yang cuba dilakukan oleh kod jQuery. Kemudian, gunakan kaedah atau sifat alternatif JavaScript vanila.
Blog ini akan membincangkan penukaran kod jQuery kepada JavaScript.
Bagaimana untuk Menukar Kod jQuery kepada JavaScript?
Untuk menukar kod jQuery kepada JavaScript, adalah penting untuk memahami apa yang dilakukan oleh kod dan kaedah jQuery yang digunakan. Kemudian, gunakan kaedah alternatif dalam JavaScript, seperti ' $() ' digunakan dalam jQuery untuk memilih elemen semasa dalam JavaScript, untuk memilih elemen ' document.querySelector() ” atau “ querySelectorAll() ” kaedah digunakan.
Mari kita fahami proses penukaran dengan bantuan contoh.
Contoh
Di sini, kami mempunyai kod jQuery yang menukar warna teks dan menunjukkan teks penjelasan pada klik butang. Untuk itu, dokumen HTML mengandungi dua butang, teks dan tag
kosong di mana teks baharu akan ditunjukkan pada klik butang:
< id div = 'myDiv' >
< hlm kelas = 'teks' > Tutorial JavaScript hlm >
< id butang = 'butang' > Tekan di sini butang >
< id butang = 'butang' > Tekan di sini butang >
< p id = 'mesej' > hlm >
div >
Semasa bekerja dengan jQuery, adalah wajib untuk menambah perpustakaan jQuery dalam tag
dokumen HTML: < skrip src = 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js' > skrip >Dalam teg