cari

Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk membuat butang klik hilang dalam jquery

Bagaimana untuk membuat butang klik hilang dalam jquery

青灯夜游
青灯夜游asal
2022-03-25 19:05:073045semak imbas

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>

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);

Bagaimana untuk membuat butang klik hilang dalam jquery

Penerangan:

kaedah hide() menyembunyikan elemen yang dipilih

Sintaks: 

$(selector).hide(speed,easing,callback)
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!

jquery function 事件 this
Kenyataan：
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
Artikel sebelumnya：Bagaimana untuk menambah baris pada klik dalam bentuk jqueryArtikel seterusnya：Bagaimana untuk menambah baris pada klik dalam bentuk jquery

Artikel berkaitan

Lihat lagi