jquery set butang tersembunyi

JQuery ialah perpustakaan JavaScript yang pantas dan ringkas yang memudahkan pengaturcaraan untuk pelbagai tugas, termasuk menetapkan butang tersembunyi. Artikel ini akan memperkenalkan cara menggunakan JQuery untuk menetapkan butang tersembunyi.

1. Pertama, buat elemen butang dalam halaman HTML. Butang boleh menjadi elemen dengan jenis input "butang" atau elemen teg "a".

2. Tambahkan pendengar acara dalam Javascript untuk melaksanakan fungsi yang diperlukan apabila butang diklik. Gunakan pemilih JQuery untuk memilih butang yang sepadan.

$('#myButton').klik(function() {
// kod anda di sini
});

3. dalam pengendali acara , gunakan pemilih JQuery dan kaedah .toggle() untuk melakukan operasi sembunyi/tunjuk pada butang. Kaedah Toggle() menogol keterlihatan butang berdasarkan keadaan semasanya. Jika butang disembunyikan, kaedah ini memaparkan butang. Kaedah ini menyembunyikan butang jika ia sudah dipaparkan.

$('#myButton').klik(function() {
$('#myButton').togol();
});

4. Jika anda perlu menghidupkan butang, anda boleh menggunakan parameter kaedah .toggle(). Anda boleh menggunakan "perlahan" atau "cepat" untuk menentukan tempoh animasi, atau anda boleh menggunakan nilai berangka untuk menentukan tempoh dalam milisaat.

$('#myButton').klik(function() {
$('#myButton').togol('fast');
});

5. Jika anda perlu melaksanakan kod lain apabila butang disembunyikan, anda boleh menggunakan fungsi panggil balik JQuery. Lulus fungsi panggil balik sebagai parameter kedua kaedah .toggle().

$('#myButton').klik(function() {
$('#myButton').togol('fast', function() {

alert('按钮现在已经被隐藏了。');

});
});

6. Selain kaedah .toggle(), JQuery juga menyediakan kaedah .show() dan .hide() untuk menunjukkan dan menyembunyikan elemen masing-masing.

$('#myButton').klik(function() {
$('#myButton').sembunyi('fast', function() {

alert('按钮现在已经被隐藏了。');

});
});

7. Akhir sekali, jika anda perlu menggunakan kelas CSS semasa bersembunyi/menunjukkan, anda boleh menggunakan kaedah .addClass() dan .removeClass(). Kaedah ini akan menambah atau mengalih keluar kelas CSS tertentu pada elemen.

$('#myButton').klik(function() {
$('#myButton').addClass('hidden');
});

Dengan menggunakan JQuery, menyediakan butang tersembunyi adalah mudah dan boleh disepadukan dengan mudah dengan kod JavaScript lain.

Atas ialah kandungan terperinci jquery set butang tersembunyi. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!