jQuery Effek - Sembunyikan dan Tampilkan

Sembunyikan, tampilkan, beralih, geser, penyedut latar belakang, serta animasi, wah!

Demo Efek

Klik di sini untuk menyembunyikan/tampilkan panel

Satu saat sama dengan satu inci emas, jadi, kami menyediakan konten belajar yang cepat dan mudah dipahami.

Di sini, Anda dapat memperoleh pengetahuan yang Anda butuhkan dengan cara yang mudah dan nyata.

Contoh

jQuery hide()
Demo metode jQuery hide() sederhana.
jQuery hide()
Demo hide() lainnya. Bagaimana menghapus bagian teks?

jQuery hide() dan show()

Dengan jQuery, Anda dapat menggunakan metode hide() dan show() untuk menyembunyikan dan menampilkan elemen HTML:

$("#hide").click(function(){
  $("p").hide();
});
$("#show").click(function(){
  $("p").show();
});

Coba sendiri

Syntaks:

$(pemilih).hide(kecepatan,callback);
$(pemilih).show(kecepatan,callback);

Pilihan kecepatan Parameter menentukan kecepatan penutupan/tampilan, dapat mengambil nilai berikut: "slow", "fast" atau milidetik.

Pilihan callback Parameter adalah nama fungsi yang dieksekusi setelah pengembalian/hiding selesai.

Contoh berikut menunjukkan penggunaan kecepatan Metode parameter hide():

Contoh

$("button").click(function(){
  $("p").hide(1000);
});

Coba sendiri

jQuery toggle()

Dengan jQuery, Anda dapat menggunakan metode toggle() untuk beralih antara hide() dan show().

Tampilkan elemen yang tersembunyi dan sembunyikan elemen yang terlihat:

Contoh

$("button").click(function(){
  $("p").toggle();
});

Coba sendiri

Syntaks:

$(pemilih).toggle(kecepatan,callback);

Pilihan kecepatan Parameter menentukan kecepatan penutupan/tampilan, dapat mengambil nilai berikut: "slow", "fast" atau milidetik.

Pilihan callback Parameter adalah nama fungsi yang dieksekusi setelah toggle() selesai.

Panduan Effek jQuery

Untuk melihat referensi efek jQuery secara komprehensif, silakan kunjungi Panduan Effek jQuery。