Bagaimana untuk membuat butang klik hilang dalam jquery

青灯夜游
Lepaskan: 2022-03-25 19:05:07
asal
3035 orang telah melayarinya

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();".

Bagaimana untuk membuat butang klik hilang dalam jquery

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>
Salin selepas log masuk

Bagaimana untuk membuat butang klik hilang dalam jquery

hide()n boleh masuk dan keluar nombor yang mewakili bilangan saat untuk ditentukan kelajuan menyembunyikan kesan.

$(this).hide(1000);
Salin selepas log masuk

Bagaimana untuk membuat butang klik hilang dalam jquery

Penerangan:

kaedah hide() menyembunyikan elemen yang dipilih

Sintaks:

$(selector).hide(speed,easing,callback)
Salin selepas log masuk
Parameter Penerangan
kelajuan Pilihan. Menentukan seberapa cepat kesan itu disembunyikan.
参数 描述
speed 可选。规定隐藏效果的速度。

可能的值:

  • 毫秒
  • "slow"
  • "fast"
easing 可选。规定在动画的不同点上元素的速度。默认值为 "swing"。

可能的值:

  • "swing" - 在开头/结尾移动慢,在中间移动快
  • "linear" - 匀速移动
提示:扩展插件中提供更多可用的 easing 函数。
callback 可选。hide() 方法执行完之后,要执行的函数。
Nilai yang mungkin:

meringankan Pilihan. Menentukan kelajuan elemen pada titik yang berbeza dalam animasi. Nilai lalai ialah "swing". Nilai yang mungkin:
    "ayunan" - bergerak perlahan pada permulaan/akhir, pantas di tengah "linear" - bergerak pada kelajuan tetap Petua: Lebih banyak fungsi pelonggaran tersedia disediakan dalam pemalam sambungan.
panggilan balik Pilihan. Fungsi yang akan dilaksanakan selepas kaedah hide() dilaksanakan.
[Pembelajaran yang disyorkan: tutorial video jQuery, video bahagian hadapan web]

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!

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
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!