Tatabahasa jQuery

Dengan jQuery, anda boleh pemilih (cari, carian) elemen HTML dan melaksanakan 'operasi' (actions) terhadap mereka.

Contoh sintaks jQuery

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

Tatabahasa jQuery

Rujukan sintaks jQuery adalah disusun untuk pemilihan elemen HTML, dan boleh melaksanakan operasi tertentu terhadap elemen.

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

  • Simbol dolar menentukan jQuery
  • Pemilih (selector) 'cari' dan 'carian' elemen HTML
  • Fungsi action() jQuery melaksanakan operasi terhadap elemen

Contoh

$(this).hide() - Sembunyikan elemen sekarang

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

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

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

Petikan:Rujukan sintaks jQuery adalah gabungan antara XPath dan sintaks pemilih CSS. Dalam bab berikutnya, anda akan belajar lebih banyak tentang sintaks pemilih.

Fungsi dokumen siap

Anda mungkin sudah mengetahui bahawa semua fungsi jQuery di dalam contoh kami terletak di dalam fungsi document ready:

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

Ini adalah untuk menghalang kode jQuery dijalankan sebelum dokumen sepenuhnya disemak (siap).

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

  • Mencuba menyembunyikan elemen yang tak wujud
  • Dapatkan saiz imej yang belum disemak penuh