Kaedah: 1. Gunakan pernyataan "Element object.click(function(){Hide element object.hide();})" untuk menetapkan klik tetikus untuk menyembunyikan elemen 2. Gunakan "Element object .dblclick(function( ){Hide element object.hide();})" Menetapkan elemen untuk disembunyikan dengan mengklik dua kali tetikus.
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi JavaScript 1.8.5, komputer Dell G3.
Dalam JavaScript, acara tetikus ialah jenis acara yang paling biasa digunakan dalam pembangunan web Jenis acara tetikus diperincikan dalam jadual berikut:
kaedah hide() digunakan untuk menyembunyikan elemen yang dipilih jika ia sudah dipaparkan.
Sintaksnya ialah:
$(selector).hide(speed,callback)
kelajuan
Pilihan. Menentukan seberapa cepat sesuatu elemen berubah daripada kelihatan kepada tersembunyi. Lalai ialah "0".
Nilai yang mungkin:
milisaat (cth. 1500)
"lambat"
"biasa"
"cepat"
Apabila menetapkan kelajuan, elemen akan menukar ketinggian, lebar, jidar, padding dan ketelusannya secara beransur-ansur apabila ia berubah daripada kelihatan kepada tersembunyi.
panggilan balik
Pilihan. Fungsi yang akan dilaksanakan selepas fungsi hide dilaksanakan.
Contoh adalah seperti berikut:
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".btn").click(function(){ $(".btn").hide(); }); }); </script> <style> .btn{ width:100px; height:100px; background:pink; } </style> </head> <body> <div class="btn">这是一个要被隐藏的元素</div> </body> </html>
Hasil keluaran:
Contoh 2:
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".btn").dblclick(function(){ $(".btn").hide(); }); }); </script> <style> .btn{ width:100px; height:100px; background:pink; } </style> </head> <body> <div class="btn">这是一个要被隐藏的元素</div> </body> </html>
Hasil keluaran :
Perlu klik dua kali untuk menyembunyikan elemen.
Cadangan berkaitan: Tutorial pembelajaran javascript
Atas ialah kandungan terperinci Bagaimana untuk menyembunyikan elemen dengan tetikus dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!