jquery控制字符串的长度，超过用...代替，鼠标移上去显示全部

<div>百度一下，就知道了</div>
用jquery只显示4个文字，多余的用...代替，如 百度一下... ，如果鼠标移上去可以看到全部

---

关键的属性是：text-overflow和overflow： 

text-overflow : clip | ellipsis 

参数： 
clip : 　不显示省哪稿略标记（...），而是歼缓埋简氏蚂单的裁切 
ellipsis : 　当对象内文本溢出时显示省略标记（...） 
说明： 设置或检索是否使用一个省略标记（...）标示对象内文本的溢出。 

overflow : visible | auto | hidden | scroll 


除此之外，你可以写hover事件，

或者

$('#foo').bind({
 mouseover:function(){...},  
  mouseout:function(){...}  

});

---

不用这么复杂的，纯css就能实现的，要想让显示的文字部分少一点的话，改width就森茄行，代码如下做滑：

<div style="width:120px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;" title="今天努力奋斗，是因为曾经吹下的牛比。">今天努力奋斗此胡察，是因为曾经吹下的牛比。</div>

---

<div>百度一下段差腔... </div>
$("div").hover(function () {
$("div").html("百度一下，就知道握衫庆神了");
});

---