---
title: "how to show tool tip in html using jquery"
description: "Just another jQuery based tooltip popup plugin which has the ability to automatically set the placement direction based on the position of the matched"
author: "Anonymous User"
published: 2018-06-10
updated: 2019-09-07
canonical: https://www.mindstick.com/articles/12942/how-to-show-tool-tip-in-html-using-jquery
category: "jquery"
tags: ["jquery"]
reading_time: 1 minute
---
# how to show tool tip in html using jquery
## [Introduction](https://www.mindstick.com/blog/359/iphone-development-introduction):
In this [article](https://yourviews.mindstick.com/view/84667/how-congress-government-misused-the-article-356) we will [explain](https://answers.mindstick.com/qa/43852/what-is-shadowing-in-java-explain-with-example) how show tooltip on [mouse hover](https://www.mindstick.com/forum/1036/mouse-hover-multiple-buttons) in html jQuery.
## Description:
The jquery.adaptip.js used to show tooltip popup on mouse hover in html.
Just another jQuery based tooltip popup [plugin](https://www.mindstick.com/articles/23236/institute-management-for-wordpress-plugin) which has the ability to automatically set the [placement](https://answers.mindstick.com/qa/111373/what-are-the-benefits-of-taking-advanced-placement-ap-courses) [direction](https://yourviews.mindstick.com/story/5034/10-animals-with-the-best-sense-of-direction) based on the position of the [matched](https://answers.mindstick.com/qa/95756/what-are-the-benefits-of-google-adsense-matched-content) element.
Click here to [download](https://www.mindstick.com/blog/114673/download-hungry-shark-evolution-mod-apk-unlimited-money) it.
## Let’s see an example of tooltip popup using jQuery plugin:
```
index