JQuery On Image Hoverはタイトルタグのコンテンツを表示しますか？

Question

JQueryを使用して、<img titleに追加されたタイトルタグの内容を表示する方法はありますか？アンカーがないか、可能でない場合は、divが隠されていますか？

Answer 1

通常、title属性はブラウザによって解釈され、要素の上にカーソルを置くとツールチップとして表示されます。だから、あなたは本当にこれのためにjQueryを必要としません。

この動作の問題は、実際にはこのツールチップの書式設定をあまり制御していないことです。しかし、あなたはそれらのイメージの.hover()イベントをサブスクライブすることができ、いくつかのカスタムセクションでは、この値を表示し、フォーマットしたい場合：

$(function() { 
    $('img').hover(function() { 
     var title = $(this).attr('title'); 
     // TODO: do something with the title 
    }, function() { 
     // this will be triggered when the mouse pointer leaves the element 
    }); 
}); 

そして、あなたはいくつかの見栄えの良いツールチップをしたい場合、あなたは、このようなqTipなど、いくつかの既存のプラグインを使用することができます。