jQuery實現(xiàn)控制文字內容溢出用省略號(…)表示的方法
更新時間：2016年02月26日 10:41:47 作者：小壞
這篇文章主要介紹了jQuery實現(xiàn)控制文字內容溢出用省略號(…)表示的方法,涉及jQuery針對字符串及樣式操作相關技巧,需要的朋友可以參考下
本文實例講述了jQuery實現(xiàn)控制文字內容溢出用省略號(…)表示的方法。分享給大家供大家參考，具體如下：
jQuery限制字符字數(shù)的方法
$(function(){
//限制字符個數(shù)
$(".text").each(function(){
var maxwidth=23;
if($(this).text().length>maxwidth){ $(this).text($(this).text().substring(0,maxwidth)); $(this).html($(this).html()+'…');
}
});
});
<div class="text" style="width:150px;">你個殺千刀的，怎么寫了這么多的文字，我要被攔腰截斷了啊，天啊！</div>
<div class="text" style="width:150px;">你個殺千刀的，怎么寫了這么多的文字，我要被攔腰截斷了啊，天?。?lt;/div>
更多關于jQuery相關內容感興趣的讀者可查看本站專題：《jQuery拖拽特效與技巧總結》、《jQuery擴展技巧總結》、《jQuery常見經典特效匯總》、《jQuery動畫與特效用法總結》、《jquery選擇器用法總結》及《jQuery常用插件及用法總結》
希望本文所述對大家jQuery程序設計有所幫助。
您可能感興趣的文章:
- JQuery 控制內容長度超出規(guī)定長度顯示省略號
- Jquery循環(huán)截取字符串的方法(多出的字符串處理成"...")
- jQuery(js)獲取文字寬度(顯示長度)示例代碼
- 用jquery實現(xiàn)輸入框獲取焦點消失文字
- jquery xMarquee實現(xiàn)文字水平無縫滾動效果
- jQuery計算textarea中文字數(shù)(剩余個數(shù))的小程序
- jQuery實現(xiàn)長文字部分顯示代碼
- input 輸入框獲得/失去焦點時隱藏/顯示文字(jquery版)
- jquery實現(xiàn)微博文字輸入框 輸入時顯示輸入字數(shù) 效果實現(xiàn)
- jQuery實現(xiàn)文字超過1行、2行或規(guī)定的行數(shù)時自動加省略號的方法
相關文章
jquery動畫2.元素坐標動畫效果（創(chuàng)建一個圖片走廊）
今天文章的內容是關于使用jquery的animate方法，修改html元素的position屬性，創(chuàng)建一個圖片走廊2012-08-08
jquery實現(xiàn)全選、反選、獲得所有選中的checkbox
這篇文章主要介紹了jquery實現(xiàn)全選、反選、獲得所有選中的checkbox功能，對checkbox感興趣的小伙伴們可以參考一下2015-12-12
基于$.ajax()方法從服務器獲取json數(shù)據(jù)的幾種方式總結
下面小編就為大家分享一篇基于$.ajax()方法從服務器獲取json數(shù)據(jù)的幾種方式總結，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
因為最近技術長進緩慢，也沒高手帶，只能靠自己了，所以想仿個WEBQQ來鍛煉下自己。做之前最好先把必要的東西準備好2011-12-12
Jquery ajaxsubmit上傳圖片實現(xiàn)代碼
這是數(shù)月前的事情了，場景是這樣的： 在進行圖片上傳的時，我發(fā)現(xiàn)開發(fā)人員使用的上傳圖片方式是Iframe + 傳統(tǒng)的 http post 來處理的。2010-11-11
這篇文章主要介紹了jQuery中DOM節(jié)點的刪除方法,文中介紹的很相信，內容包括empty()的基本用法、remove()的有參用法和無參用法、empty和remove區(qū)別、保留數(shù)據(jù)的刪除操作detach()以及detach()和remove()區(qū)別，需要的朋友可以參考借鑒。2017-01-01
學習從實踐開始之jQuery插件開發(fā) 菜單插件開發(fā)
從軟件到網站，菜單可以說是無處不在。在傳統(tǒng)應用軟件開發(fā)中，一般都有現(xiàn)成的控件可以使用；但是在網頁開發(fā)時，基本上要靠開發(fā)人員自己動手設計2012-05-05
這篇文章主要介紹了JavaScript揭秘：實現(xiàn)自動化連連看游戲的相關資料,需要的朋友可以參考下2023-11-11
文章十分詳盡的匯總了jquery常用的方法，并進行了對比，同時附送示例，是篇非常不錯的文章，希望對大家有所幫助2014-11-11
JQuery與iframe交互實現(xiàn)代碼2009-12-12