ตัวอย่าง
เปลี่ยนสีพื้นหลังของ <p> องค์ประกอบเมื่อตัวชี้เมาส์อยู่เหนือมัน
$("p").hover(function(){
$(this).css("background-color", "yellow");
}, function(){
$(this).css("background-color", "pink");
});
ลองตัวเอง» ความหมายและการใช้งาน
hover() วิธีการระบุทั้งสองฟังก์ชั่นการทำงานเมื่อชี้เมาส์เลื่อนผ่านองค์ประกอบที่เลือก
วิธีการนี้จะเรียกทั้ง mouseenter() และ mouseleave() เหตุการณ์ที่เกิดขึ้น
หมายเหตุ: หากเพียงหนึ่งฟังก์ชั่นที่ระบุไว้ก็จะถูกเรียกใช้สำหรับทั้ง mouseenter และ mouseleave เหตุการณ์
วากยสัมพันธ์
$(selector).hover(inFunction,outFunction)
| พารามิเตอร์ | ลักษณะ |
|---|---|
| inFunction | จำเป็นต้องใช้ ระบุฟังก์ชั่นในการทำงานเมื่อ mouseenter เหตุการณ์เกิดขึ้น |
| outFunction | ไม่จำเป็น ระบุฟังก์ชั่นในการทำงานเมื่อ mouseleave เหตุการณ์เกิดขึ้น |