jQuery实现的截取指定长度字符串代码,jQuery截取
分类:美高梅游戏官网网站

一.达成原理

jQuery实现的截取钦定长度字符串代码,jquery字符串

jQuery完结的截取钦命长度字符串代码:
截取钦点长度字符串操作在网站建设中大量行使,特别是在新闻列表那体系型的操作中山高校量用到。
上边正是一个截取字符串代码实例:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="http://www.51texiao.cn/" />
<title>jQuery截取字符串操作</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> 
<style>
*{
  margin:0;
  padding:0;
  font-family:"宋体", Arial, Helvetica, sans-serif;
}
#best{
  width:300px;
  height:200px;
  border:1px solid #ccc;
  margin:60px auto 0;
  line-height:1.6;
  font-size:14px;
  padding:10px 0 0 10px
}
.blank{
  font-size:18px;
  font-weight:bold;
  text-align:center;
  padding:20px
}
</style>
<script type="text/javascript"> 
jQuery.fn.limit=function(){ 
   var self = $("div[limit]"); 
   self.each(function(){ 
    var objString = $(this).text(); 
    var objLength = $(this).text().length; 
    var num = $(this).attr("limit"); 
    if(objLength > num){ 
      $(this).attr("title",objString); 
      objString = $(this).text(objString.substring(0,num) + "..."); 
    } 
  }) 
} 
$(function(){ 
  $(document.body).limit(); 
}) 
</script>
</head>
<body>
<div id="best">
  <div limit="12">计算字串的长度长度长度长度</div>
  <div limit="10">这边有优化很公开这边</div>
  <div limit="12">这边有优化很公开长度长度很公开长度</div>
  <div limit="12">计算字长度长度</div>
  <div limit="10">这边有优化很边有优化很边有优化很边有优化很边有优化很</div>
</div>
</body>
</html>

如上代码完毕了截取字符串的效能,下面简要介绍一下它怎么促成此意义的:
一.兑现原理:
得到div华语本的长度,然后和经过和性质limit规定的尺寸举行对照,假使凌驾长度则使用截取钦赐的长短,后边用...替代。
二.代码注释:
1.jQuery.fn.limit=function(){},用认为jQuery扩充三个实例函数,jQuery对象足以调用此函数。
2.var self = $("div[limit]"),用以获去具备limit属性的div对象集结。
3.self.each(function(){ },能够让获得的让div对象集合中的每二个目的遍历试行一回钦点的函数。
4.var objString = $(this).text(),获取div元素中的文本内容,这里的this是指当each()函数进行遍历时当前div。
5.var objLength = $(this).text().length,获取当前div国语本内容的长短。
6.var num = $(this).attr("limit"),获取div中limit属性值,在这里用作了钦定的字符长度。
7.if(objLength > num){},div普通话本内容长度超越钦点长度那试行钦命的代码。
8.$(this).attr("title",objString),将div的title属性值设置为div中的内容。
9.objString = $(this).text(objString.substring(0,num) + "..."),截取钦定长度字符串,超越的用省略号代替。

初稿地址是:

最原始地址是:

jQuery完毕的截取内定长度字符串代码: 截取钦命长度字符串操作在网址建设中山大学量使用,...

jQuery实现的截取钦命长度字符串代码,jquery字符串

jQuery达成的截取钦命长度字符串代码:
截取钦赐长度字符串操作在网址建设中山高校量使用,非常是在音讯列表那体系型的操作中山高校量利用。
上面正是贰个截取字符串代码实例:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="http://www.softwhy.com/" />
<title>jQuery截取字符串操作</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> 
<style>
*{
  margin:0;
  padding:0;
  font-family:"宋体", Arial, Helvetica, sans-serif;
}
#best{
  width:300px;
  height:200px;
  border:1px solid #ccc;
  margin:60px auto 0;
  line-height:1.6;
  font-size:14px;
  padding:10px 0 0 10px
}
.blank{
  font-size:18px;
  font-weight:bold;
  text-align:center;
  padding:20px
}
</style>
<script type="text/javascript"> 
jQuery.fn.limit=function(){ 
   var self = $("div[limit]"); 
   self.each(function(){ 
    var objString = $(this).text(); 
    var objLength = $(this).text().length; 
    var num = $(this).attr("limit"); 
    if(objLength > num){ 
      $(this).attr("title",objString); 
      objString = $(this).text(objString.substring(0,num) + "..."); 
    } 
  }) 
} 
$(function(){ 
  $(document.body).limit(); 
}) 
</script>
</head>
<body>
<div id="best">
  <div limit="12">计算字串的长度长度长度长度</div>
  <div limit="10">这边有优化很公开这边</div>
  <div limit="12">这边有优化很公开长度长度很公开长度</div>
  <div limit="12">计算字长度长度</div>
  <div limit="10">这边有优化很边有优化很边有优化很边有优化很边有优化很</div>
</div>
</body>
</html>

如上代码完毕了截取字符串的效率,下边简介一下它怎么促成此作用的:
一.完毕原理:
收获div汉语本的长度,然后和通过和性质limit规定的尺寸进行对照,借使凌驾长度则动用截取钦命的长短,后边用...取代。
二.代码注释:
1.jQuery.fn.limit=function(){},用感到jQuery增添二个实例函数,jQuery对象可以调用此函数。
2.var self = $("div[limit]"),用以获去具备limit属性的div对象集结。
3.self.each(function(){ },能够让获得的让div对象集合中的每一个对象遍历推行一回钦定的函数。
4.var objString = $(this).text(),获取div成分中的文本内容,这里的this是指当each()函数举办遍历时当前div。
5.var objLength = $(this).text().length,获取当前div华语本内容的长短。
6.var num = $(this).attr("limit"),获取div中limit属性值,在此处用作了点名的字符长度。
7.if(objLength > num){},div普通话本内容长度当先钦赐长度那施行钦定的代码。
8.$(this).attr("title",objString),将div的title属性值设置为div中的内容。
9.objString = $(this).text(objString.substring(0,num) + "..."),截取内定长度字符串,凌驾的用省略号替代。

初稿地址是:

更加多内容能够参谋:

jQuery完结的截取钦点长度字符串代码: 截取钦赐长度字符串操作在网址建设中山高校量选择,...

jQuery实现的截取钦赐长度字符串代码,jquery字符串

jQuery实现的截取钦定长度字符串代码:

截取内定长度字符串操作在网址建设中多量采纳,特别是在音信列表那系列型的操作中山大学量运用。

上面正是两个截取字符串代码实例:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="http://www.51texiao.cn/" />
<title>jQuery截取字符串操作</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> 
<style>
*{
  margin:0;
  padding:0;
  font-family:"宋体", Arial, Helvetica, sans-serif;
}
#best{
  width:300px;
  height:200px;
  border:1px solid #ccc;
  margin:60px auto 0;
  line-height:1.6;
  font-size:14px;
  padding:10px 0 0 10px
}
.blank{
  font-size:18px;
  font-weight:bold;
  text-align:center;
  padding:20px
}
</style>
<script type="text/javascript"> 
jQuery.fn.limit=function(){ 
   var self = $("div[limit]"); 
   self.each(function(){ 
    var objString = $(this).text(); 
    var objLength = $(this).text().length; 
    var num = $(this).attr("limit"); 
    if(objLength > num){ 
      $(this).attr("title",objString); 
      objString = $(this).text(objString.substring(0,num) + "..."); 
    } 
  }) 
} 
$(function(){ 
  $(document.body).limit(); 
}) 
</script>
</head>
<body>
<div id="best">
  <div limit="12">计算字串的长度长度长度长度</div>
  <div limit="10">这边有优化很公开这边</div>
  <div limit="12">这边有优化很公开长度长度很公开长度</div>
  <div limit="12">计算字长度长度</div>
  <div limit="10">这边有优化很边有优化很边有优化很边有优化很边有优化很</div>
</div>
</body>
</html>

如上代码实现了截取字符串的成效,下边简要介绍一下它怎么促成此功效的:

一.落到实处原理:

获得div国语本的长度,然后和由此和性质limit规定的尺寸进行对照,纵然高出长度则利用截取钦命的长短,后边用...替代。

二.代码注释:

1.jQuery.fn.limit=function(){},用认为jQuery扩张一个实例函数,jQuery对象足以调用此函数。

2.var self = $("div[limit]"),用以获去具备limit属性的div对象集结。

3.self.each(function(){ },能够让猎取的让div对象会集中的每八个对象遍历试行贰回钦定的函数。

4.var objString = $(this).text(),获取div成分中的文本内容,这里的this是指当each()函数举行遍历时当前div。

5.var objLength = $(this).text().length,获取当前div普通话本内容的尺寸。

6.var num = $(this).attr("limit"),获取div中limit属性值,在此处用作了点名的字符长度。

7.if(objLength > num){},div普通话本内容长度当先内定长度这实践内定的代码。

8.$(this).attr("title",objString),将div的title属性值设置为div中的内容。

9.objString = $(this).text(objString.substring(0,num) + "..."),截取钦定长度字符串,超越的用省略号取代。

原来的作品地址是:

最原始地址是:

美高梅游戏官网网站, jQuery实现的截取内定长度字符串代码: 截取钦赐长度字符串操作在网址建设中山大学量运用,...

<!DOCTYPE HTML> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>jQuery截取字符串操作---www.jb51.net</title> 
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> 
<style> 
* 
{ 
margin:0; 
padding:0; 
font-family:"宋体", Arial, Helvetica, sans-serif; 
} 
#best 
{ 
width:300px; 
height:200px; 
border:1px solid #ccc; 
margin:60px auto 0; 
line-height:1.6; 
font-size:14px; 
padding:10px 0 0 10px 
} 
.blank 
{ 
font-size:18px; 
font-weight:bold; 
text-align:center; 
padding:20px 
} 
</style> 
<script type="text/javascript"> 
jQuery.fn.limit=function(){ 
var self = $("div[limit]"); 
self.each(function(){ 
var objString = $(this).text(); 
var objLength = $(this).text().length; 
var num = $(this).attr("limit"); 
if(objLength > num){ 
$(this).attr("title",objString); 
objString = $(this).text(objString.substring(0,num) + "..."); 
} 
}) 
} 
$(function(){ 
$(document.body).limit(); 
}) 
</script> 
</head> 
<body> 
<div id="best"> 
<div limit="12">计算字串的长度长度长度长度</div> 
<div limit="10">这边有优化很公开这边</div> 
<div limit="12">这边有优化很公开长度长度很公开长度</div> 
<div limit="12">计算字长度长度</div> 
<div limit="10">这边有优化很边有优化很边有优化很边有优化很边有优化很</div> 
</div> 
</body> 
</html>

1.jQuery.fn.limit=function(){},用认为jQuery扩充贰个实例函数,jQuery对象能够调用此函数。
2.var self = $("div[limit]"),用以获去具有limit属性的div对象群集。
3.self.each(function(){ },能够让获得的让div对象集合中的每一个指标遍历执行贰遍钦点的函数。
4.var objString = $(this).text(),获取div成分中的文本内容,这里的this是指当each()函数进行遍历时当前div。
5.var objLength = $(this).text().length,获取当前div粤语本内容的长度。
6.var num = $(this).attr("limit"),获取div中limit属性值,在那边用作了钦点的字符长度。
7.if(objLength > num){},div粤语本内容长度超过钦命长度那试行内定的代码。
8.$(this).attr("title",objString),将div的title属性值设置为div中的内容。
9.objString = $(this).text(objString.substring(0,num) + "..."),截取钦赐长度字符串,越过的用省略号代替。

事例,截取字符串代码。

以上代码完成了截取字符串的功效.

您可能感兴趣的作品:

  • jQuery完结tag便签去重功能的方法
  • jquery $.trim()去除字符串空格的兑现格局【附图例】
  • jquery类别化表单去除内定成分示例代码
  • jQuery Trim去除字符串首尾空字符的贯彻方式求证
  • JQuery设置和去除disabled属性的5种方法总括
  • jQuery xml字符串的解析、读取及搜寻方法
  • jQuery获取字符串中冒出最多的数
  • jquery分割字符串的议程
  • jQuery对点名成分中钦命字符串进行沟通的不二等秘书籍
  • Jquery通过JSON字符串创造JSON对象
  • jQuery.parseJSON(json)将JSON字符串调换来js对象
  • jquery怎样把数组变为字符串传到服务端并管理
  • jquery实现去除重复字符串的艺术小结

赢得div普通话本的尺寸,然后和通过和品质limit规定的尺寸进行自己检查自纠,如若过量长度则利用截取钦点的长度,前边用...代替。

二.代码注释

本文由美高梅网址发布于美高梅游戏官网网站,转载请注明出处:jQuery实现的截取指定长度字符串代码,jQuery截取

上一篇:适合学习js的新手朋友,提示框文字的简单实例 下一篇:没有了
猜你喜欢
热门排行
精彩图文