Sintaks jQuery

Dengan jQuery, Anda dapat memilih (query) elemen HTML dan melaksanakan "operasi" terhadap mereka.

Contoh sintaks jQuery

$(this).hide()
Demo fungsi hide() jQuery, sembunyikan elemen HTML saat ini
$("#test").hide()
Demo fungsi hide() jQuery, sembunyikan elemen dengan id="test"
$("p").hide()
Demo fungsi hide() jQuery, sembunyikan semua elemen <p>
$(".test").hide()
Demo fungsi hide() jQuery, sembunyikan semua elemen dengan class="test"

Sintaks jQuery

Sintaks jQuery dirancang untuk pemilihan elemen HTML, dan dapat melaksanakan operasi terhadap elemen.

Sintaks dasar adalah:$(selector).action()

  • Simbol dollar mendefinisikan jQuery
  • Pemilih (selector) "query" dan "cari" elemen HTML
  • Fungsi action() jQuery melaksanakan operasi terhadap elemen

Contoh

$(this).hide() - Sembunyikan elemen saat ini

$("p").hide() - Sembunyikan semua paragraf

$(".test").hide() - Sembunyikan semua elemen dengan class="test"

$("#test").hide() - Sembunyikan semua elemen dengan id="test"

Pesan:Syntaks yang digunakan oleh jQuery adalah kombinasi dari XPath dan selector CSS. Dalam bab selanjutnya dari tutorial ini, Anda akan belajar lebih banyak tentang sintaks selector.

Fungsi dokumen siap

Anda mungkin sudah mengetahui bahwa semua fungsi jQuery di contoh kita berada di dalam fungsi document ready:

$(document).ready(function(){
  // Fungsi jQuery disini
});

Ini untuk mencegah eksekusi kode jQuery sebelum dokumen sepenuhnya terkirim (siap).

Jika fungsi dijalankan sebelum dokumen sepenuhnya terkirim, operasi dapat gagal. Berikut adalah dua contoh khusus:

  • Mencoba menyembunyikan elemen yang tidak ada
  • Mendapatkan ukuran gambar yang belum penuhnya terkirim