jquery实战-定宽（二）

上一节，我提了个问题给大家，说是用jquery对象方法来封装对象，你们做好了吗，现在我把我自己写的代码，供大家参考，当然了，我写的肯定不是最好的，就当时抛砖引玉吧，你们更好，

;(function($){$.extend($.fn,{fixedWidth : function(options){var options = $.extend({},$.fn.fixedWidth.defaults,options);//函数体var str1;  //这个变量要定义在this.each外面，否则return时，在html调用，会取不到这个值，这个要感谢我的同事，张栋this.each(function(){var str= $(this).text();var length = options.length;var char = options.char;//
                   if(!char){var char ="..."}    var num = length - lengthB(str);if(num<0){var _len= length-lengthB(str);str1 = substringB(str,length-lengthB(char))+char;}//
                function lengthB(str){var num=0,len =str.length;if(len){for(i =0; i<len;i++){if(str.charCodeAt(i)>255){num+=2;}else{num+=1;    }}}else{return 0;}return num;}function substringB(str , length1){var temp="",num=0;_len = lengthB(str);if(_len){if(_len<length1){return str;}else{for(var i =0; i<length1; i++){if(num>=length1){break;}if(str.charCodeAt(i)>255){num+=2;temp+=str.charAt(i);}else{num+=1;temp+=str.charAt(i);}}return temp;}}else{return null;}}//
            })//returnreturn str1;}//fixedWidth
    })$.fn.fixedWidth.defaults ={length :10,char :"..."};
})(jQuery);

调用：

$(function(){$("p").each(function(){str = $(this).fixedWidth({length:5,char:"..."});$(this).text(str);});
})
</script>

好了。大家看看吧

转载于:https://www.cnblogs.com/jine/archive/2012/08/07/2626547.html

jquery实战-定宽（二）相关推荐

jquery实战--定宽
大家有没有遇到过一个问题,就是一个列表,或是一段文字过多时,截取多余的部分用省略号,好吧,证明你实力的时候到了,我下面先分解一下方法,再用插件写出来,首先我们说的是,用到的第一个方法,就是判断一个字符 ...
[WebApp]定宽网页设计下，固定宽度布局开发WebApp并实现多终端下WebApp布局自适应...
前言由于博主最近宝宝出生,工作上更换项目组,白天晚上都比较忙碌,所以最近未登陆博客园,一些童鞋得留言未能及时查看回复,在此表示歉意.由于留言的童鞋大部分是希望我能发送一份测试代码,为了一劳永逸,我把 ...
单列变双列css_css 两列布局中单列定宽单列自适应布局的6种思路
前面的话说起自适应布局方式,单列定宽单列自适应布局是最基本的布局形式.本文将从float.inline-block.table.absolute.flex和grid这六种思路来详细说明如何巧妙地实现 ...
css揭秘实战技巧 - 形状 [二]
全目录本系列文章,主要是围绕css3属性,实现我们常见的各种效果,这些效果都是我们实战开发中经常可以用到的效果: css揭秘实战技巧- 背景与边框 [一] css揭秘实战技巧- 形状 [二] css ...
OpenCV C++案例实战三《二维码检测》
OpenCV C++案例实战三<二维码检测> 前言一.二维码检测二.二维码识别 1.通过findContours找到轮廓层级关系三.二维码绘制四.源码总结前言本文将使用Ope ...
《JQuery实战之硕果》
前言: 目前的学习已经对asp.ent控件.css样式设计.javascript脚本有了基础的理解与实践.对于HTML.asp.net控件.样式设计和脚本语言做基础,此阶段是对B/S之前所学的一个综合 ...
Spring Boot + vue-element 开发个人博客项目实战教程（二十五、项目完善及扩展(前端部分)）
⭐ 作者简介:码上言 ⭐ 代表教程:Spring Boot + vue-element 开发个人博客项目实战教程 ⭐专栏内容:零基础学Java.个人博客系统 ⭐我的文档网站:http://xyhwh- ...
AspNetCore-MVC实战系列（二）之通过绑定邮箱找回密码
AspNetCore - MVC实战系列目录 . 爱留图网站诞生 . git源码:https://github.com/shenniubuxing3/LovePicture.Web . AspNetC ...
html 左边距自适应,左边定宽，右边自适应布局的几种方法
实际的页面开发中经常会遇到左边定宽,右边自适应的需求,特别是一些管理系统,比如左边显示信息或操作列表,右边显示详情,如下所示:. 针对这种布局,首先抽象出页面结构如下: 1 2 3 4 5 Docum ...

jquery实战-定宽（二）

jquery实战-定宽（二）相关推荐

最新文章

热门文章