Dengan jQuery Anda pilih (query) elemen HTML dan melakukan "tindakan" pada mereka.
jQuery Sintaks
Sintaks jQuery dibuat khusus untukmemilih elemen HTML dan melakukan beberapa tindakanpada element(s) .
Sintaks dasar adalah: $(selector).action()
- A $ tanda untuk menentukan / akses jQuery
- A(pemilih)untuk "query (atau menemukan)" elemen HTML
- Sebuah jQuery action () yang akan dilakukan pada element(s)
contoh:
$(this).hide() - menyembunyikan elemen saat.
$("p").hide() - menyembunyikan semua <p> elemen.
$(".test").hide() - menyembunyikan semua elemen dengan class="test" .
$("#test").hide() - menyembunyikan elemen dengan id="test" .
Apakah Anda akrab dengan CSS?
jQuery menggunakan sintaks CSS untuk memilih elemen. Anda akan belajar lebih banyak tentang sintaks pemilih dalam bab selanjutnya dari tutorial ini.
Dokumen Siap Acara
Anda mungkin telah memperhatikan bahwa semua metode jQuery di contoh kita, berada di dalam acara siap dokumen:
$(document).ready(function(){
// jQuery methods go here...
});
Hal ini untuk mencegah kode jQuery dari berjalan sebelum dokumen tersebut selesai loading (siap).
Ini adalah praktik yang baik untuk menunggu dokumen untuk menjadi penuh dan siap sebelum bekerja dengan itu. Ini juga memungkinkan Anda untuk memiliki kode JavaScript Anda sebelum tubuh dokumen Anda, di bagian kepala.
Berikut adalah beberapa contoh tindakan yang dapat gagal jika metode dijalankan sebelum dokumen tersebut terisi penuh:
- Mencoba untuk menyembunyikan elemen yang belum dibuat
- Mencoba untuk mendapatkan ukuran gambar yang tidak dimuat belum
Tip: Tim jQuery juga telah menciptakan sebuah metode bahkan lebih pendek untuk acara siap dokumen:
$(function(){
// jQuery methods go here...
});
Gunakan sintaks Anda sukai. Kami berpikir bahwa dokumen event siap lebih mudah untuk memahami ketika membaca kode.