Javascript 单击后如何保持标题属性值可见？

考虑以下HTML标记：

<img src="info.png" title="Password should contain 6-10 characters">

编辑：

---

有没有办法在jQuery中执行“单击等于悬停”操作？

img的

标题或
链接的显示取决于浏览器，您无法控制它。如果您想拥有自己的行为，并确保这种行为是跨浏览器的，您需要：

通过删除所有
标题
和
alt
属性
使用多种工具之一重新实现您自己的工具提示
图书馆可用
祝你好运，你必须创建自己的工具提示

<img src="info.png" alt="">
<span>Password should contain 6-10 characters</span>

编辑：如果不想触碰HTML，可以使用脚本创建工具提示。下面是一个jQuery示例：

var img = $("img[src=info.png]");
$("<span>").text(img.attr("title")).insertAfter(img);
img.attr("title", "");

var-img=$（“img[src=info.png]”）；
$（“”）.text（img.attr（“title”）.insertAfter（img）；
img.attr（“标题”和“）；
听起来不错，但在不更改HTML标记的情况下是否可以改变这个想法？您可以使用脚本来完成。我会用一个例子来更新我的答案。这里的问题是定位和样式的内容。我不明白。你是在问如何设计跨度？使用上面提供的CSS，并根据需要添加样式属性。你能说得更具体些吗？
img[src=info.png] + span {
    display: none;
}
img[src=info.png]:hover + span {
    display: inline;
}

var img = $("img[src=info.png]");
$("<span>").text(img.attr("title")).insertAfter(img);
img.attr("title", "");