jQuery โฉบ () วิธีการ
ตัวอย่าง
เมื่อชี้เมาส์ที่มีมากกว่าด้านบนเปลี่ยนสีพื้นหลัง <p> องค์ประกอบ:
$ ( "P"). เลื่อน (ฟังก์ชั่น () {
. $ ( "P") CSS ( "พื้นหลังสี", "สีเหลือง");
}, ฟังก์ชั่น () {
. $ ( "P") CSS ( "พื้นหลังสี", "สีชมพู");
});
. $ ( "P") CSS ( "พื้นหลังสี", "สีเหลือง");
}, ฟังก์ชั่น () {
. $ ( "P") CSS ( "พื้นหลังสี", "สีชมพู");
});
ลอง»
ความหมายและการใช้งาน
โฉบ () วิธีการระบุทั้งสองฟังก์ชั่นเมื่อชี้เมาส์ที่มีมากกว่าองค์ประกอบที่เลือกที่จะทำงาน
ก่อน jQuery 1.7 รุ่นของวิธีการนี้จะเรียก mouseenter และ MouseLeave เหตุการณ์
หลังจาก jQuery 1.8 รุ่นของวิธีการนี้เป็นต้นเหตุของ การวางเมาส์ และ mouseout เหตุการณ์
ไวยากรณ์
$ (เลือก) .hover (inFunction,outFunction)
โทร:
$( selector ).hover( handlerIn, handlerOut )
เทียบเท่าดังนี้
$( selector ).mouseover( handlerIn ).mouseout( handlerOut );
หมายเหตุ: ถ้าเพียง แต่ระบุฟังก์ชั่นมันจะทำงานเมื่อวางเมาส์และ mouseout เหตุการณ์
โทร:
$(selector).hover(handlerInOut)
เทียบเท่ากับ:
$( selector ).on( "mouseover mouseout", handlerInOut );
| พารามิเตอร์ | ลักษณะ |
|---|---|
| inFunction | จำเป็นต้องใช้ กำหนดฟังก์ชั่นการทำงานเมื่อมีเหตุการณ์เกิดขึ้นวางเมาส์ |
| outFunction | ไม่จำเป็น กำหนดฟังก์ชั่นการทำงานเมื่อมีเหตุการณ์เกิดขึ้น mouseout |