Rumah > hujung hadapan web > tutorial js > jQuery sembunyikan dan tunjukkan kesan implementation_jquery

jQuery sembunyikan dan tunjukkan kesan implementation_jquery

WBOY
Lepaskan: 2016-05-16 15:06:31
asal
1208 orang telah melayarinya

Contoh

jQuery hide()

Demonstrasi kaedah hide() jQuery yang mudah.

jQuery hide()

Satu lagi contoh hide() . Menunjukkan cara menyembunyikan teks.

jQuery hide() dan show()

Dengan jQuery, anda boleh menyembunyikan dan menunjukkan elemen HTML menggunakan kaedah hide() dan show():

Contoh

$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
Salin selepas log masuk

Tatabahasa:

$(selector).hide(speed,callback);
$(selector).show(speed,callback);
Salin selepas log masuk

Parameter kelajuan pilihan menentukan kelajuan menyembunyikan/menunjukkan dan boleh mengambil nilai berikut: "perlahan", "cepat" atau milisaat.

Parameter panggil balik pilihan ialah nama fungsi yang akan dilaksanakan selepas menyembunyikan atau menunjukkan selesai.

Contoh berikut menunjukkan kaedah hide() dengan parameter kelajuan:

Contoh

$("button").click(function(){
$("p").hide(1000);
});
Salin selepas log masuk

togol jQuery()

Dengan jQuery, anda boleh menggunakan kaedah toggle() untuk menogol kaedah hide() dan show().

Tunjukkan unsur tersembunyi dan sembunyikan unsur yang dipaparkan:

Contoh

$("button").click(function(){
$("p").toggle();
});
Salin selepas log masuk

Tatabahasa:

$(selector).toggle(speed,callback);
Salin selepas log masuk

Parameter kelajuan pilihan menentukan kelajuan menyembunyikan/menunjukkan dan boleh mengambil nilai berikut: "perlahan", "cepat" atau milisaat.

Parameter panggil balik pilihan ialah nama fungsi yang akan dilaksanakan selepas kaedah togol() selesai.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan