Memanggil elemen HTML dengan JQuery dilakukan dengan menggunakan sintaks selector JQuery. Selector JQuery memungkinkan pengembang web untuk memilih elemen HTML berdasarkan tag, id, class, atribut, atau kombinasi dari semua itu.
Berikut adalah beberapa contoh penggunaan selector JQuery:
- Memanggil elemen berdasarkan tag:
$("p") // memanggil semua elemen <p>
- Memanggil elemen berdasarkan id:
$("#myId") // memanggil elemen dengan id "myId"
- Memanggil elemen berdasarkan class:
$(".myClass") // memanggil semua elemen dengan class "myClass"
- Memanggil elemen berdasarkan atribut:
$("input[type='text']") // memanggil semua elemen input dengan tipe "text"
Setelah elemen HTML dipilih dengan selector JQuery, pengembang web dapat menggunakan metode JQuery untuk memodifikasi elemen tersebut. Contoh, untuk mengubah teks dalam elemen <p> menjadi “Hello World”, pengembang web dapat menulis:
$("p").text("Hello World");
Ini adalah cara dasar untuk memanggil elemen HTML dengan JQuery dan memodifikasi elemen tersebut. Pengembang web dapat menggunakan berbagai metode JQuery lainnya untuk melakukan tugas-tugas lain seperti menambahkan atau menghapus elemen, menambahkan animasi, dan melakukan interaksi AJAX.