javascript - JQuery 在图像悬停时显示标题标签内容，可能吗？

Question

有没有办法使用 JQuery 来显示添加到 <img title 的 Title 标签的内容？哪个没有 anchor ，或者如果不可能有一个 div 将被隐藏显示哪个 img 悬停？

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 .