Bagaimana untuk melaksanakan jquery untuk dipaparkan apabila tetikus berlalu dan bersembunyi apabila pergi-Soal Jawab bahagian hadapan-php.cn

Bagaimana untuk melaksanakan jquery untuk dipaparkan apabila tetikus berlalu dan bersembunyi apabila pergi

青灯夜游

Lepaskan： 2022-04-22 14:35:15

asal

3367 orang telah melayarinya

Kaedah: 1. Gunakan kaedah hover() untuk mengikat peristiwa tetikus kepada elemen induk, dan tentukan dua fungsi pemprosesan peristiwa ialah "elemen induk.legar (fungsi melepasi, meninggalkan fungsi)"; . Selepas lulus Dalam fungsi, gunakan "elemen kanak-kanak.tunjukkan()" untuk memaparkan elemen kanak-kanak; 3. Dalam fungsi meninggalkan, gunakan "elemen kanak-kanak.sembunyikan()" untuk menyembunyikan elemen kanak-kanak.

Bagaimana untuk melaksanakan jquery untuk dipaparkan apabila tetikus berlalu dan bersembunyi apabila pergi

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.

jquery merealisasikan paparan melalui tetikus dan meninggalkan kesan tersembunyi

Kaedah pelaksanaan:

Gunakan kaedah hover () mengikat acara tetikus ke elemen induk dan menentukan dua fungsi pemprosesan acara - fungsi paparan lulus dan fungsi tersembunyi meninggalkan
Dalam fungsi lulus, gunakan show() untuk paparkan Elemen kanak-kanak
Dalam fungsi meninggalkan, gunakan hide() untuk menyembunyikan elemen kanak-kanak

Contoh pelaksanaan:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<style>
			div{
				border: 1px solid red;
				height: 100px; 
				 
			}
			p{
				background-color: pink;
				display: none;
			}
		</style>
		<script>
			$(function() {
				$("div").hover(function() {
					$("p").show();
				}, function() {
					$("p").hide();
				});
			})
		</script>
	</head>
	<body>
		<div>
			<p>
				p元素，默认是隐藏的，当鼠标经过时显示，离开时隐藏
			</p>
		</div>
		<br>
		<span>使用鼠标悬停div元素</span>
	</body>
</html>

Salin selepas log masuk

Bagaimana untuk melaksanakan jquery untuk dipaparkan apabila tetikus berlalu dan bersembunyi apabila pergi

Penerangan: Kaedah

hover() menentukan dua fungsi untuk dijalankan apabila penunjuk tetikus melayang di atas elemen yang dipilih. Kaedah

mencetuskan peristiwa masuk tetikus dan meninggalkan tetikus.

Nota: Jika hanya satu fungsi ditentukan, kedua-dua mouseenter dan mouseleave akan melaksanakannya.

Tatabahasa:

$(selector).hover(inFunction,outFunction)

Salin selepas log masuk

参数	描述
inFunction	必需。规定 mouseenter 事件发生时运行的函数。
outFunction	可选。规定 mouseleave 事件发生时运行的函数。

[Pembelajaran yang disyorkan: tutorial video jQuery, video bahagian hadapan web]

Atas ialah kandungan terperinci Bagaimana untuk melaksanakan jquery untuk dipaparkan apabila tetikus berlalu dan bersembunyi apabila pergi. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!