--- title: "how to occur hover event in html page and how to handle the hover event in JQ?" description: "how to occur hover event in html page and how to handle the hover event in JQ?" author: "Ethan Karla" published: 2021-07-28 canonical: https://answers.mindstick.com/qa/93835/how-to-occur-hover-event-in-html-page-and-how-to-handle-the-hover-event-in-jq category: "web application" tags: ["web programming", "web application development", "web development"] reading_time: 2 minutes --- # how to occur hover event in html page and how to handle the hover event in JQ? how to occur hover [event](https://www.mindstick.com/articles/54942/6-tips-for-organising-a-successful-corporate-event) in [html](https://www.mindstick.com/articles/1530/design-a-simple-stylish-calculator-using-html-css-and-javascript) [page](https://www.mindstick.com/articles/85722/common-on-page-seo-mistake-how-to-fix) and how to [handle](https://www.mindstick.com/articles/311004/suede-skillet-handle-cover) the hover [event in JQ](https://answers.mindstick.com/qa/93829/what-is-the-select-event-in-jq-and-how-to-use-select-event-in-html-page)? ## Answers ### Answer by Ravi Vishwakarma jQuery hover() is a combination of mouseleave and mouseenter events. this event take two function far managing mouse leave and mouse enter functionality in one event. ``` Syntax $(selector).hover(enter function(), leave function())enter function tell the mouse enter event and leave function tell the mouse leave event ``` ```                             Submit Event demo    
       

mouse hover event

       
            When you hover or leave this box, you will see the effect in below box.        
       

   
                ``` ![how to occur hover event in html page and how to handle the hover event in JQ?](https://answers.mindstick.com/questionanswer/480967b9-f5ac-4b42-82b7-fcf17852bf76/images/b5694232-aa34-4548-9899-efbdeace88f5.png) \ --- Original Source: https://answers.mindstick.com/qa/93835/how-to-occur-hover-event-in-html-page-and-how-to-handle-the-hover-event-in-jq Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.