悬停图像时是否可以隐藏标题？

Question

这是我的代码：

<img src="image.jpg" alt="" title="some title" />

当我将鼠标悬停在该图像上时，会显示“某些标题”。是否可能被隐藏？

Answer 1

[可以通过一些答案指出，很容易做到，但是知道要使用标题做什么，我将使用data- *自定义属性或将标题附加.data（）

<img src="image.jpg" alt="" data-title="some title" />

或

$('img').data('title', 'some title');

Answer 2

删除title属性非常简单，但是（据我所知）不可能“隐藏”它；为了删除标题，以下内容应该起作用，尽管目前尚未测试：

$('img').hover(
    function(){
        $(this).data('originalTitle',$(this).title());
        $(this).removeAttr('title');
    },
    function(){
        $(this).attr('title',$(this).data('originalTitle');
    });

在上面，我选择移动属性，然后在鼠标移出时将其替换。

要永久删除title：

$('img').removeAttr('title');

参考：

• attr()。
• attr()。
• data()。
• data()。

Answer 3

您可以将其移至图像数据...，然后移回。这样

hover()

Answer 4

不，不是真的。但是您可以将其替换为JavaScript，也可以将其留空。

jQuery示例：

hover()

Answer 5

是的！使用jQuery时，您可以在鼠标悬停时将其删除，然后在onmouseout上再次添加-->

removeAttr()

Answer 6

有点有趣的是，在Stack Overflow上，五个人可以同时给出相同的答案：P

Answer 7

至少我在Chrome上尝试过使用jQuery / jQuery UI的东西：

Answer 8

如果只是悬停问题，可以在图像上显示

$(function(){
  var ttext;
  $('img').hover(function(){
    ttext = $(this).attr('title');
    $(this).removeAttr('title');
  },
  function(){
    $(this).attr('title', ttext);
  });
});

，它将解决此问题。