jquery实现一个substr截取字符串的小效果

参数介绍：

substr 方法
返回一个从指定位置开始的指定长度的子字符串。

stringvar.substr(start [, length ])

参数
stringvar

必选项。要提取子字符串的字符串文字或 String 对象。

start

必选项。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。

length

可选项。在返回的子字符串中应包括的字符个数。

如果 length 为 0 或负数，将返回一个空字符串。如果没有指定该参数，则子字符串将延续到 stringvar 的最后。


首先需要引用jquery框架，谷歌和微软都有提供引用:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

效果：

红油小生红油小生红油小生红油小生红油小生红油小生红油小生红油小生红油小生红油小生红油小生红油小生红油小生红油小生红油小生.

check

代码：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<p style="width:250px;">红油小生红油小生红油小生红油小生红油小生红油小生红油小生红油小生红油小生红油小生红油小生红油小生红油小.</p>
<a id="btn">check</a>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	var Txt=$("p").text();
	$("#btn").click(function(){
		if(Txt.length>=15)//判断P里面字符串的传毒是否大于15
		{
			var txt=$("p").text().substr(0,15);//截取从首个字符开始的15个字符
			$("p").html(txt+"...<a href='javascript:;' class='more'>查看更多</a>");
			$(".more").click(function(){$("p").text(Txt);})
		}
	})
})
</script>
</body>
</html>

posted @ 2011-08-26 16:18  红油小生  Views(6791)  Comments(0)    收藏  举报