$(element).on(event, childSelector, data, function)
- event: It specifies the event to attach (click, submit, etc.).
- childSelector: It is optional parameter and it specify the specific child to which given event handler can be used.
- data: It specifies optional data to be passed along with function.
- function: It specifies the function to be run while the attached event triggered.
- Before Clicking on div element:
- After Clicking on div element:
jQuery .hover() method: This method is used to specify the styles of the element during mouseover and mouseout conditions. It takes two functions as an argument:
- mouseoverFunction: Triggers when mouse enters the element.
- mouseoutFunction: Triggers when mouse leaves the element.
You can specify multiple styles inside these functions.
- Before mouse move over:
- After mouse move over:
- jQuery | hover() with Examples
- How to unbind “hover” event using JQuery?
- How to animate div width and height on mouse hover using jQuery ?
- jQuery | jQuery.fx.interval Property with example
- jQuery | jQuery.support Property
- CSS | :hover Selector
- How to write a:hover in inline CSS?
- How to write :hover condition for a:before and a:after in CSS?
- How to flip an image on hover using CSS ?
- How to disable a CSS :hover effect?
- How to zoom an element on Hover using CSS ?
- Shake a Button on Hover using HTML and CSS
- How to reverse an animation on mouse out after hover?
- How to Zoom an Image on Mouse Hover using CSS ?
- How to Create Image Overlay Hover using HTML & CSS ?
- How to open dropdown menu on hover in Bootstrap ?
- How to spin text on mouse hover using HTML and CSS?
- How to change opacity of every data element on hover in a table using CSS ?
- How to Create Animated Navigation Bar with Hover Effect using HTML and CSS ?
- How to create Skewed Background with hover effect using HTML and CSS?
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to email@example.com. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.