jquery - 移动文本并放置图像jquery

Question

我想用图片替换一些标题，所以我会有漂亮的字体。例如

<div class="latest_news">
  Latest News
</div>

对于 SEO 会有文本，但对于用户来说 - 漂亮的图像。 jquery 脚本也可以 recodnise 链接，所以如果我想替换电子邮件地址，它仍然是可点击的。例如:

<div class="email_me">
  <a href="mailto:info@mydomain.com">info@mydomain.com</a>
</div>

脚本应该替换/移动文本以使其不可见并放置

<div class="email_me">
  <a href="mailto:info@mydomain.com"><img src="images/email.png" style="...;border:0;" alt="info@mydomain.com" /></a>
</div>

我如何在 jquery/css 中做到这一点？

Answer 1

Web 字体将是最佳解决方案。但这是一个 jQuery 的:

$('.email_me a').html('<img src="..." style="..." alt="..." />');

示例:http://jsfiddle.net/6b874/