Sintaks jQuery
Dengan jQuery Anda memilih (meminta) elemen HTML dan melakukan "tindakan" pada elemen tersebut.
Sintaks jQuery
Sintaks jQuery dibuat khusus untuk memilih elemen HTML dan melakukan beberapa tindakan pada elemen.
Sintaks dasarnya adalah: $( pemilih ). tindakan ()
- Tanda $ untuk mendefinisikan/mengakses jQuery
- A ( pemilih ) untuk "meminta (atau menemukan)" elemen HTML
- Tindakan jQuery () yang akan dilakukan pada elemen
Contoh:
$(this).hide() - menyembunyikan elemen saat ini.
$("p").hide() - menyembunyikan semua elemen <p>.
$(".test").hide() - menyembunyikan semua elemen dengan class="test".
$("#test").hide() - menyembunyikan elemen dengan id="test".
Apakah Anda akrab dengan pemilih CSS?
jQuery menggunakan sintaks CSS untuk memilih elemen. Anda akan mempelajari lebih lanjut tentang sintaks pemilih di bab berikutnya dari tutorial ini.
Tip: Jika Anda tidak tahu CSS, Anda dapat membaca Tutorial CSS kami .
Acara Siap Dokumen
Anda mungkin telah memperhatikan bahwa semua metode jQuery dalam contoh kami, berada di dalam acara siap dokumen:
$(document).ready(function(){
// jQuery methods go here...
});
Ini untuk mencegah kode jQuery berjalan sebelum dokumen selesai dimuat (siap).
Ini adalah praktik yang baik untuk menunggu dokumen dimuat sepenuhnya dan siap sebelum bekerja dengannya. Ini juga memungkinkan Anda untuk memiliki kode JavaScript sebelum badan dokumen Anda, di bagian kepala.
Berikut adalah beberapa contoh tindakan yang dapat gagal jika metode dijalankan sebelum dokumen dimuat penuh:
- Mencoba menyembunyikan elemen yang belum dibuat
- Mencoba mendapatkan ukuran gambar yang belum dimuat
Tip: Tim jQuery juga telah membuat metode yang lebih pendek untuk acara siap dokumen:
$(function(){
// jQuery methods go here...
});
Gunakan sintaks yang Anda inginkan. Kami pikir acara siap dokumen lebih mudah dipahami saat membaca kode.