jquery防止快速点击

jquery防止快速点击(推荐第三种方式)
 //全站ajax加载提示
 (function ($) {
     var str = '<div class="ajax-status" style="display: none;">'
              +    '<div class="ajax"><img src="' + publicPath + 'img/loading.gif" width="20" height="20" />数据加载中...</div>'
             +'</div>';
     var dom = $(str).prependTo('body');
     $(document).ajaxStart(function(){
         dom.stop(true,false).queue(function(){
             $(this).show().dequeue();
         });
     });
     $(document).ajaxStop(function(){
         dom.queue(function(){
             $(this).hide().dequeue();
         });
     });
 })(jQuery);
===========================
<html> 
<head> 
<title>点击获取验证码按钮后按钮变灰，倒计时一段时间后又可重复点击</title> 
</head> 
<body> 
<input type="button" id="btn" value="免费获取验证码" /> 
<script type="text/javascript"> 
var wait=60; 
function time(o) { 
        if (wait == 0) { 
            o.removeAttribute("disabled");           
            o.value="免费获取验证码"; 
            wait = 60; 
        } else { 
            o.setAttribute("disabled", true); 
            o.value=wait+"秒后可以重新发送"; 
            wait--; 
            setTimeout(function() { 
                time(o) 
            }, 
            1000) 
        } 
    } 
document.getElementById("btn").onclick=function(){time(this);} 
</script> 
</body> 
</html> 
=====================
歪门邪道法： 
　　设置一个透明div 与页面最上层 然后自动消失 使得点击不到按钮 （简单好用）