用jQuery保护邮件地址

保护邮件地址的方法为数众多，随便一搜就能找出大把。若是刚好有使用 jQuery 框架，我这里有个用 jQuery 保护邮件地址的方案。此方案的优点在于：邮件地址分段存储在 JS 之中，链接被点击以后，邮件地址才会从 JS 中调出并写入 HTML 页面，目前再厉害的机器人拿它都没办法，除非开着浏览器点击。缺点嘛，访客的浏览器不支持 JS 的话会被当作机器人对待XD。

另外需要说明的是，代码本来很简单，但是考虑到大众的审美需求，多数人都会喜欢稍稍华丽的过渡效果，所以先提供一个所谓的"华丽版"(演示地址)：

html：

<p>我的邮箱：<a href="javascript:void(0)" class="email">点击查看</a></p>

js：

$(document).ready(function(){
$(".email").click(function(){
var A="admin"
var B="domain.com"
var C=A+"@"+B;
$(this).parent().append("<img src='loading.gif' />");
$(this).hide();
setTimeout(function(){
var D=$(".email");
D.next().hide();
D.text(C);
D.attr("href","mailto:"+C).unbind("click");
D.fadeIn(1000)
},3000)
})
})

使用时，红色字体是你需要修改的部分，然后将 JS 保存为一个文件在网页上引用。链接被点击后，浏览者需要等待三秒才会看见邮件地址，既然假装异步我们就假装到底。其中用到了一个 loading 图片，你可以换成你自己的。

最后再来个朴素版：

$(document).ready(function(){
$(".email2").click(function(){
var A="admin"
var B="domain.com"
var C=A+"@"+B;
$(this).text(C);
})
})

没了。