;(function ($, window, document,undefined) {
//添加方法
$.fn.myOverflow = function(maxwidth){
if (maxwidth==undefined){
//添加默认长度50个字符
maxwidth = 50;
}
if($(this).text().length>maxwidth){
$(this).text($(this).text().substring(0,maxwidth));
$(this).html($(this).html()+'...');
}
};
})(jQuery,window,document);
$("p.p1").myOverflow();//默认显示50个字符
$("p.p2").myOverflow(20);//显示20个字符
$("p.p3").myOverflow(150);//显示150个字符
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery多行隐藏</title>
<style>
div{width: 500px;margin: 0 auto;}
</style>
<script src="js/jQuery.js"></script>
</head>
<body>
<div>
<p class="p1">1.大概从六月十号左右开始就一直在为期末考试（大部分）还有保研忙，本来计划的一个周至少有一天可以安心写代码，但发现计划赶不上变化，刚开始的第一周还可以有时间，但往后发现自己整个思维一直处于期末考的状态中，根本不适合写代码。好吧，我承认我对coding的各种要求都挺“无语”。
期末考结束之后，又去苏大参加了几天夏令营，这么忙前忙后的持续了有一个月之久。从苏州回来，休息了两天，就到了17号。自己期末复习的时候就一直想要写一个计算器，闲暇的时候也在想具体怎么实现，觉得应该不难，但就是想写。昨天终于可以开始动工，刚开始还以为实现出来需要一个周左右至少两天的时间，想着实现完我就可以先回家两天了。但没想到整个实现过程算比较顺利吧，昨天用了大概六个小时完成了从设计到具体实现。
有大概一个月没怎么写代码了，整个大脑都不适应，反应也慢，一些基本的东西都有点模糊不清了。可能是原来就没有太理解，再加上没有其余练习，导致效率有些低。</p>
<p class="p2">2.大概从六月十号左右开始就一直在为期末考试（大部分）还有保研忙，本来计划的一个周至少有一天可以安心写代码，但发现计划赶不上变化，刚开始的第一周还可以有时间，但往后发现自己整个思维一直处于期末考的状态中，根本不适合写代码。好吧，我承认我对coding的各种要求都挺“无语”。
期末考结束之后，又去苏大参加了几天夏令营，这么忙前忙后的持续了有一个月之久。从苏州回来，休息了两天，就到了17号。自己期末复习的时候就一直想要写一个计算器，闲暇的时候也在想具体怎么实现，觉得应该不难，但就是想写。昨天终于可以开始动工，刚开始还以为实现出来需要一个周左右至少两天的时间，想着实现完我就可以先回家两天了。但没想到整个实现过程算比较顺利吧，昨天用了大概六个小时完成了从设计到具体实现。
有大概一个月没怎么写代码了，整个大脑都不适应，反应也慢，一些基本的东西都有点模糊不清了。可能是原来就没有太理解，再加上没有其余练习，导致效率有些低。</p>
<p class="p3">3.大概从六月十号左右开始就一直在为期末考试（大部分）还有保研忙，本来计划的一个周至少有一天可以安心写代码，但发现计划赶不上变化，刚开始的第一周还可以有时间，但往后发现自己整个思维一直处于期末考的状态中，根本不适合写代码。好吧，我承认我对coding的各种要求都挺“无语”。
期末考结束之后，又去苏大参加了几天夏令营，这么忙前忙后的持续了有一个月之久。从苏州回来，休息了两天，就到了17号。自己期末复习的时候就一直想要写一个计算器，闲暇的时候也在想具体怎么实现，觉得应该不难，但就是想写。昨天终于可以开始动工，刚开始还以为实现出来需要一个周左右至少两天的时间，想着实现完我就可以先回家两天了。但没想到整个实现过程算比较顺利吧，昨天用了大概六个小时完成了从设计到具体实现。
有大概一个月没怎么写代码了，整个大脑都不适应，反应也慢，一些基本的东西都有点模糊不清了。可能是原来就没有太理解，再加上没有其余练习，导致效率有些低。</p>
</div>
</body>
<script>
;(function ($, window, document,undefined) {
//添加方法
$.fn.myOverflow = function(maxwidth){
if (maxwidth==undefined){
maxwidth = 50;
}
if($(this).text().length>maxwidth){
$(this).text($(this).text().substring(0,maxwidth));
$(this).html($(this).html()+'...');
}
};
})(jQuery,window,document);
$("p.p1").myOverflow();
$("p.p2").myOverflow(20);
$("p.p3").myOverflow(150);
</script>
</html>
