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

由于项目需要,对页面中过长的文本进行截取,鼠标移上去有一个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

 

 

 

 

 

 

 

 

阅读优秀代码是提高开发人员修为的一种捷径
转型中最难的是文化的改变

 

posted @ 2017-07-31 11:02  fanlinglong  阅读(335)  评论(0编辑  收藏  举报