Kaedah pelaksanaan: 1. Gunakan click() untuk mengikat acara klik pada elemen butang dan tetapkan fungsi pemprosesan, sintaksnya ialah "$("button").click(function(){... });" ;2. Dalam fungsi pemprosesan, gunakan hide() untuk menyembunyikan elemen butang, sintaksnya ialah "$(this).hide();".
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.
Kaedah Jquery untuk merealisasikan butang klik hilang:
Kaedah pelaksanaan:
Gunakan click() untuk mengikat acara klik pada elemen butang dan tetapkan fungsi pengendali
Dalam fungsi pengendali, gunakan hide() untuk menyembunyikan elemen butang
Kod pelaksanaan:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script src="js/jquery-1.10.2.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("button").click(function() { $(this).hide(); }); }); </script> </head> <body> <button>点击按钮,点击后消失</button> </body> </html>
hide()n boleh masuk dan keluar nombor yang mewakili bilangan saat untuk ditentukan kelajuan menyembunyikan kesan.
$(this).hide(1000);
Penerangan:
kaedah hide() menyembunyikan elemen yang dipilih
Sintaks:
$(selector).hide(speed,easing,callback)
Parameter | Penerangan | ||||||||
---|---|---|---|---|---|---|---|---|---|
kelajuan | Pilihan. Menentukan seberapa cepat kesan itu disembunyikan.
|
meringankan | Pilihan. Menentukan kelajuan elemen pada titik yang berbeza dalam animasi. Nilai lalai ialah "swing". Nilai yang mungkin:
|
||||||
panggilan balik | Pilihan. Fungsi yang akan dilaksanakan selepas kaedah hide() dilaksanakan. |
Atas ialah kandungan terperinci Bagaimana untuk membuat butang klik hilang dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!