这里有新鲜出炉的 jQuery 示例,程序狗速度看过来!
jQuery 是一个兼容多浏览器的 javascript 框架,核心理念是 write less,do more(写得更少, 做得更多)。jQuery 在 2006 年 1 月由美国人 John Resig 在纽约的 barcamp 发布,吸引了来自世界各地的众多 JavaScript 高手加入,由 Dave Methvin 率领团队进行开发。
这篇文章主要介绍了 jQuery 实现简易的输入框字数计数功能, 结合实例形式分析了 jQuery 针对页面元素属性的获取与计算相关操作技巧, 需要的朋友可以参考下
本文实例讲述了 jQuery 实现简易的输入框字数计数功能。分享给大家供大家参考,具体如下:
运行效果图如下:
具体代码如下:
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>
- </title>
- <script src="jquery-1.7.2.min.js">
- </script>
- </head>
- <body>
- <div class="container">
- <input id="abc" value="phperz">
- <span id="wordCountShow">
- </span>
- </div>
- <script>
- $.fn.extend({
- wordCount: function(maxLength, wordWrapper) {
- var self = this;
- $(self).attr("maxlength", maxLength);
- showWordCount();
- $(this).on("input propertychange", showWordCount);
- function showWordCount() {
- curLength = $(self).val().length;
- var leaveCount = maxLength - curLength;
- wordWrapper.text(leaveCount + "/" + maxLength);
- }
- }
- }) $(function() {
- $("#abc").wordCount(10, $("#wordCountShow"));
- })
- </script>
- </body>
- </html>
希望本文所述对大家 jQuery 程序设计有所帮助。
来源: http://www.phperz.com/article/17/0717/328479.html