jQuery實(shí)現(xiàn)控制文字內(nèi)容溢出用省略號(hào)(…)表示的方法

更新時(shí)間：2016年02月26日 10:41:47 作者：小壞

這篇文章主要介紹了jQuery實(shí)現(xiàn)控制文字內(nèi)容溢出用省略號(hào)(…)表示的方法,涉及jQuery針對(duì)字符串及樣式操作相關(guān)技巧,需要的朋友可以參考下

本文實(shí)例講述了jQuery實(shí)現(xiàn)控制文字內(nèi)容溢出用省略號(hào)(…)表示的方法。分享給大家供大家參考，具體如下：

jQuery限制字符字?jǐn)?shù)的方法

$(function(){
 //限制字符個(gè)數(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;">你個(gè)殺千刀的，怎么寫了這么多的文字，我要被攔腰截?cái)嗔税?，天啊?lt;/div>
<div class="text" style="width:150px;">你個(gè)殺千刀的，怎么寫了這么多的文字，我要被攔腰截?cái)嗔税?，天?。?lt;/div>

更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jQuery拖拽特效與技巧總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常見經(jīng)典特效匯總》、《jQuery動(dòng)畫與特效用法總結(jié)》、《jquery選擇器用法總結(jié)》及《jQuery常用插件及用法總結(jié)》

希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

JQuery實(shí)現(xiàn)自定義對(duì)話框的代碼
JavaScript為我們提供幾種對(duì)話框功能，但功能都十分有限；雖然在IE下可以通過模式窗體的方式創(chuàng)建更豐富的對(duì)話框功能，但畢竟只有IE得到支持。
2008-06-06
jquery(1.3.2) 高亮選中圖片邊框
當(dāng)點(diǎn)擊圖片時(shí)，圖片會(huì)加紅顯示。
2009-05-05
基于jquery的選擇標(biāo)簽至文本域效果,可多選/可過濾重復(fù)/可限制個(gè)數(shù)的實(shí)現(xiàn)代碼
選擇標(biāo)簽至表單域插件, 基于jQuery, 可多選/可過濾重復(fù)/可限制個(gè)數(shù). 是以前的項(xiàng)目中用到過的一個(gè)項(xiàng)目, 當(dāng)初是用原生js東拼西湊的, 用jQuery重寫了下,已封裝成插件.
2010-11-11
jQuery中focus事件用法實(shí)例
這篇文章主要介紹了jQuery中focus事件用法,以實(shí)例形式分析了獲取焦點(diǎn)時(shí)focus事件的使用技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2014-12-12
JQuery對(duì)id中含有特殊字符的轉(zhuǎn)義處理示例
id中包含其他特殊字符比如 /@ 等為了利用jquery獲取該元素需要轉(zhuǎn)義特殊字符，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下
2013-09-09
jQuery針對(duì)input的class屬性寫了多個(gè)值情況下的選擇方法
這篇文章主要介紹了jQuery針對(duì)input的class屬性寫了多個(gè)值情況下的選擇方法,結(jié)合實(shí)例形式對(duì)比分析了jQuery選擇器針對(duì)class屬性中有多個(gè)值情況下的選中方法,需要的朋友可以參考下
2016-06-06
針對(duì)初學(xué)者的jQuery入門指南
這篇文章主要介紹了針對(duì)初學(xué)者的jQuery入門指南,jQuery是當(dāng)下人氣最高的JavaScript庫(kù),需要的朋友可以參考下
2015-08-08
jquery實(shí)現(xiàn)簡(jiǎn)單的banner輪播效果【實(shí)例】
下面小編就為大家?guī)?lái)一篇jquery實(shí)現(xiàn)簡(jiǎn)單的banner輪播效果【實(shí)例】。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧
2016-03-03
jQuery實(shí)現(xiàn)自定義右鍵菜單的樹狀菜單效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)自定義右鍵菜單的樹狀菜單效果,涉及jquery鼠標(biāo)事件及頁(yè)面元素操作的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-09-09
jQuery EasyUI學(xué)習(xí)教程之datagrid點(diǎn)擊列表頭排序
這篇文章主要介紹了jQuery EasyUI學(xué)習(xí)教程之datagrid點(diǎn)擊列表頭排序的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-07-07