Rumah > masalah biasa > teks badan

Bagaimana untuk menggunakan kaedah jQuery hover().

小老鼠
Lepaskan: 2023-12-04 09:56:28
asal
970 orang telah melayarinya

hover() ialah kaedah yang biasa digunakan dalam jQuery Ia digunakan untuk mengikat dua fungsi pengendalian peristiwa, yang akan dilaksanakan apabila penunjuk tetikus memasuki dan meninggalkan elemen padanan. Kaedah penggunaan asas ialah "$(selector).hover(inFunction,outFunction);".

Bagaimana untuk menggunakan kaedah jQuery hover().

hover() ialah kaedah yang biasa digunakan dalam jQuery Ia digunakan untuk mengikat dua fungsi pengendalian peristiwa, yang akan dilaksanakan apabila penunjuk tetikus memasuki dan meninggalkan elemen padanan. Pada asasnya, ia adalah singkatan untuk acara mouseenter dan mouseleave.

Penggunaan asas adalah seperti berikut:

$(selector).hover(inFunction,outFunction);
Salin selepas log masuk

di mana:

inFunction ialah fungsi yang dilaksanakan apabila penunjuk tetikus memasuki elemen padanan.

outFunction ialah fungsi yang dilaksanakan apabila penunjuk tetikus meninggalkan elemen padanan.

Sebagai contoh, katakan anda ingin menukar warna latar belakang elemen

apabila penunjuk tetikus memasukinya dan memulihkan warna latar belakang apabila penunjuk tetikus meninggalkannya, anda akan melakukan ini:

$("div").hover(function(){  
   $(this).css("background-color", "yellow");  
}, function(){  
   $(this).css("background-color", "white");  
});
Salin selepas log masuk

Dalam ini contoh, inFunction ialah dan outFunction dicetuskan apabila penuding tetikus meninggalkan

.

Atas ialah kandungan terperinci Bagaimana untuk menggunakan kaedah jQuery hover().. 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