您的位置:首页 > Web前端 > JQuery

自定义Jquery插件——由于项目需要,对页面中过长的文本进行截取,鼠标移上去有一个title的提示,所以做了一个Jquery过长文本处理的插件

2017-07-31 11:02 681 查看
由于项目需要,对页面中过长的文本进行截取,鼠标移上去有一个title的提示,所以做了一个Jquery过长文本处理的插件
下面是代码:


// 掉用方式支持 $('select').textBeauty(10);支持链式调用$('.dddd').textBeauty().html('ssss');
;(function ($) {
$.fn.extend({
textBeauty: function (len) {
len = len || 5;
var title = $(this).text();
if (title.length > len) {
$(this).text(title.substring(0, len) + "...");
$(this).prop("title", title);
}
return this;
}
});
})(jQuery);


非常简单的功能。所以代码看起来很漂亮。

如果大家想写自己的插件,推荐一篇博客,写的非常好。

开门见山(入门训练):http://www.cnblogs.com/xcj26/p/3345556.html

敢挑战敢登攀(进阶训练):http://www.jb51.net/article/61694.htm

阅读优秀代码是提高开发人员修为的一种捷径
转型中最难的是文化的改变
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐