JQuery UI　｜　ツールチップ

「$(document).tooltip();」実行したあと、ツールチップを出したいエレメントのtitle属性にメッセージを入力するだけ。

---

例：
hello world!

---

JS ソース

	$(document).ready(function(){

		$(document).tooltip();//JQuery UI tooltipを適用
		//※documentを指定するとページ全体にツールチップを適用。idやclassによるセレクタ式で設定可能。

	});
				

HTML

	<a href='#' title='hello tooltipe' >hello world!</a>
	<div title='ツールチップのテストです。' style="width:100px;height:30px;background-color:#1e8414">TEST</div><br>
	<input type="button" title='ボタンのツールチップ' value="ボタン" />