Menyembunyikan, Show, Toggle, Slide, Fade, dan Animate. WOW!
Klik untuk menampilkan panel / hide
Karena waktu adalah berharga, kami memberikan pembelajaran cepat dan mudah.
Pada w3ii, Anda dapat mempelajari semua yang Anda butuhkan untuk belajar, dalam format diakses dan berguna.
contoh
jQuery hide()
Menunjukkan sederhana jQuery hide() metode.
jQuery hide()
Lain hide() demonstrasi. Cara untuk menyembunyikan bagian dari teks.
jQuery hide() dan show()
Dengan jQuery, Anda dapat menyembunyikan dan menampilkan elemen HTML dengan hide() dan show() metode:
Contoh
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
}); Cobalah sendiri " Sintaksis:
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
Opsional kecepatan parameter menentukan kecepatan bersembunyi / menunjukkan, dan dapat mengambil nilai-nilai berikut: "slow", "fast" , atau milidetik.
Opsional callback parameter adalah fungsi yang akan dieksekusi setelah hide() atau show() metode selesai (Anda akan belajar lebih banyak tentang fungsi callback dalam bab berikutnya).
Contoh berikut menunjukkan parameter kecepatan dengan hide() :
jQuery toggle()
Dengan jQuery, Anda dapat beralih antara hide() dan show() metode dengan toggle() metode.
elemen ditampilkan tersembunyi dan elemen tersembunyi yang ditampilkan:
Sintaksis:
$(selector).toggle(speed,callback);
Opsional kecepatan parameter dapat mengambil nilai-nilai berikut: "slow", "fast" , atau milidetik.
Opsional callback parameter adalah fungsi yang akan dieksekusi setelah toggle() selesai.
Uji Diri dengan Latihan!
Latihan 1 » Latihan 2» Latihan 3 » Latihan 4»
jQuery Efek Referensi
Untuk gambaran lengkap dari semua efek jQuery, silahkan ke kami jQuery Efek Referensi .