Contoh Pada jQuery

Tingkatkan kemampuan jQuery melalui contoh!

Contoh sintaks jQuery

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

Penjelasan contoh

Sembunyikan - Bergerak - Berhilang

jQuery fadeOut()
Demo fungsi jQuery fadeout() yang sederhana.
jQuery hide()
Demo fungsi jQuery hide() yang sederhana.
Sembunyikan penjelasan
Demo bagaimana menghapus bagian teks.
Slide panel
Demo efek Slide Panel yang sederhana.
jQuery animate()
Demo fungsi jQuery animate() yang sederhana.

Penjelasan contoh

Operasi HTML

Ubah konten elemen HTML.

Menambahkan konten ke elemen HTML.

Menambahkan konten setelah elemen HTML.

Penjelasan contoh

Operasi CSS

Ubah atribut CSS elemen HTML.

Ubah banyak atribut CSS.

Dapatkan atribut CSS elemen.

Penjelasan contoh

AJAX dan jQuery

Gunakan $(selector).load(url) untuk mengubah konten HTML.

Gunakan $.ajax(options) untuk mengubah konten HTML.

Penjelasan contoh