判断元素是否被css样式隐藏；是否出现省略号判断

1.第一种

由display控制显隐，使用JQuery获取display，判断其显隐状态

var display =$('#id').css('display');
if(display === 'none'){
    alert("隐藏");
}

2.第二种 

使用css的 text-overflow: ellipsis; 或 -webkit-line-clamp: 2;

行内样式来隐藏的，导致内容超出，会出现省略号：...

这种时候通过完整高scrollHeight 和 显示高 height来比较判断，得出是否会出现省略号

** scrollHeight 包含显示在页面的高+被隐藏起来的高；
** 通过高度或宽度来判断，是否出现省略号的隐藏

**在使用-webkit-line-clamp: 2;时，WebkitBoxOrient无法在css等样式文件中编译通过，需要在页面添加

let type = $('#id').prop('scrollHeight') > $('#id').height() ? true : false

let type = $('#id').prop('scrollWidth') > $('#id').width() ? true : false

true:有省略号
false:无省略号