Secara sederhana bisa dikatakan JQuery adalah kumpulan fungsi dan class JavaScript yang bisa dipakai untuk membuat aplikasi web. JQuery memudahkan programmer web dalam mengembangkan aplikasi web karena kumpulan fungsi dan class yang disediakan jQuery tinggal dipakai oleh mereka. Karena itulah pemakaian jQuery cukup populer. Kumpulan fungsi dan class ini biasa disebut dengan istilah library. Jadi jQuery adalah library JavaScript yang dapat dipakai oleh para programmer web untuk memudahkan pengembangan aplikasi web.
Tugas pokok jQuery adalah memilih elemen HTML kemudian melakukan suatu aksi pada elemen tersebut. Bagian coding yang memilih elemen HTML biasa disebut dengan istilah selector. Bagian aksi pada elemen HTML biasa disebut dengan istilah action.
Penulisan Perintah jQuery
Penulisan perintah jQuery adalah gabungan antara perintah memilih element HTML (selector) dan perintah untuk melakukan aksi (action) pada elemen tersebut.
$(selector).action()
- Perintah $ adalah tanda untuk perintah jQuery
- Bagian selector adalah perintah untuk memilih atau mencari elemen HTML tertentu
- Bagian action adalah aksi yang dilakukan pada elemen HTML tersebut
Contoh beberapa perintah jQuery :
$("p").hide()
– memilih semua elemen paragraf (tag p) dan menghilangkan semua elemen tersebut. Selector di sini adalah “p”, yaitu memilih semua tag p (elemen paragraf). Action di sini adalah fungsi hide() yang berfungsi untuk menghilangkan elemen HTML.
$(".test").hide()
– memilih semua tag yang mempunyai atribut class test (class=”test”) dan menghilangkan semua elemen tersebut. Selector di sini adalah “.test”, yaitu memilih semua tag dengan atribut class bernilai test.
$("#test").hide()
– memilih semua tag yang mempunyai atribut id test (id=”test”) dan menghilangkan semua elemen tersebut. Selector di sini adalah “#test”, yaitu memilih semua tag dengan atribut id bernilai test.
Kita akan membahas mengenai selector pada artikel selanjutnya.
Document Ready
Selector document dan action ready adalah perintah penting dalam penulisan jQuery. Semua perintah jQuery yang lain sebaiknya diletakkan di dalam selector ini.
$(document).ready(function(){
// jQuery methods go here...
});
Selector document berfungsi untuk memilih elemen dasar (root element) yaitu elemen dokumen HTML itu sendiri. Action ready adalah fungsi yang dijalan apabila elemen dokumen HTML selesai ditampilkan pada web browser.
Meletakkan perintah-perintah (selector dan action) jQuery di dalam selector $(document).ready akan membuat perintah-perintah jQuery tersebut dieksekusi setelah semua elemen dokumen HTML selesai ditampilkan pada web browser. Hal ini untuk menjaga perintah selector dapat berjalan dengan baik karena semua elemen sudah selesai ditampilkan pada web browser dan dapat diakses oleh jQuery.
Tutorial sebelumnya : Cara Download jQuery
Tutorial setelahnya : Mengenal Selector
Semua Tutorial JQuery : Tutorial JQuery