发布于 2017-07-17 16:05:05 | 15 次阅读 | 评论: 0 | 来源: 网友投递

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

jQuery javascript框架

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


判断输入文字个数并提示还可以输入多少个字,类似的功能使用jquery便可轻松实现

1、js代码部分

 

<script type="text/javascript"> 

$(function() { 



function albumName() { 

var text = $("#album_name").val(); 

var counter = text.length; 

$("#numtj var").text(counter); 

$(document).keyup(function() { 

var text = $("#album_name").val(); 

var counter = text.length; 

$("#name_word").text(counter); 

}); 

} 

}); 

</script> 


2、html部分
 

<input type="text" maxlength="30" class="int_txt" name="album_name" id="album_name"> 

<span class="count_txt"><span id="name_word">0</span>/30</span> 


3、贴张图看下效果

PS:本站还提供了一个关于字符统计的工具,感兴趣的朋友可以参考一下:

在线字数统计工具:



相关阅读 :
jquery统计输入文字的个数并对其进行判断
jQuery实现统计输入文字个数的方法
jquery统计用户选中的复选框的个数
jquery获得select option的值和对select option的操作
jQuery实现拖拽页面元素并将其保存到cookie的方法
jQuery拖动元素并对元素进行重新排序
JQuery实现表格动态增加行并对新行添加事件
jquery获得option的值和对option进行操作
基于jQuery替换table中的内容并显示进度条的代码
jquery 结合C#后台的数组对文章的关键字自动添加链接的代码
利用jQuery实现可输入搜索文字的下拉框
JQuery统计input和textarea文字输入数量(代码分享)
最新网友评论  共有(0)条评论 发布评论 返回顶部

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务