发布于 2017-04-23 05:26:10 | 137 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的jQuery示例，程序狗速度看过来！

jQuery javascript框架

jQuery是一个兼容多浏览器的javascript框架，核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布，吸引了来自世界各地的众多JavaScript高手加入，由Dave Methvin率领团队进行开发。

---

基于jquery的textarea发布框限制文字字数输入(添加中文识别),需要的朋友可以参考下
效果图如下 :

源代码如下 :

 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> 
<script type="text/javascript"> 
$(function() { 
$("textarea").keyup(); 
}); 

function strLenCalc(obj, checklen, maxlen) { 
　　var v = obj.val(), charlen = 0, maxlen = !maxlen ? 200 : maxlen, curlen = maxlen, len = v.length; 
　　for(var i = 0; i < v.length; i++) { 
　　　　if(v.charCodeAt(i) < 0 || v.charCodeAt(i) > 255) { 
curlen -= 1; 
} 
} 
　　if(curlen >= len) { 
$("#"+checklen).html("还可输入 <strong>"+Math.floor((curlen-len)/2)+"</strong> 个字").css('color', ''); 
$("#subBtn").removeAttr("disabled"); 
} else { 
$("#"+checklen).html("已经超过 <strong>"+Math.ceil((len-curlen)/2)+"</strong> 个字").css('color', '#FF0000'); 
$("#subBtn").attr("disabled", "disabled"); 
} 
} 
</script> 

<textarea tabindex="11" onkeyup="strLenCalc($(this), 'checklen', 80);" value="" class="px" name="subject" id="subject"></textarea> 
<span id="checklen">还可输入 <strong>40</strong> 个汉字</span> 
<input type="submit" id="subBtn" value="发布" />