备忘常用js + css

//div内容超出显示省略号

overflow: hidden;  //把超出的内容进行隐藏

white-space: nowrap;  //设置内容不换行

text-overflow: ellipsis;  //设置超出内容为省略号


//div内文字超出强行换行

white-space: normal;
word-break: break-all;
overflow: hidden;


//内容超出显示省略号（多行）

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;




//内容超出显示省略号

overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;




//改变input不可编辑属性的颜色

input[disabled] {
color: #000000;
opacity: 1;
}


//背景色渐变

background: -webkit-gradient(linear, 0 0, 0 100%, from(#9AB5D1), color-stop(0.5, #D8E5F2), to(#BAD2EA));
background: -webkit-linear-gradient(#9AB5D1, #D8E5F2, #BAD2EA);
background: -moz-linear-gradient(#9AB5D1, #D8E5F2, #BAD2EA);
background: -o-linear-gradient(#9AB5D1, #D8E5F2, #BAD2EA);
background: linear-gradient(#9AB5D1 0%, #D8E5F2 80%, #BAD2EA 100%);


//贴边显示（用于img、radio等，助于复选框与文字并齐显示）
vertical-align: text-top;


//文字缩放
transform: scale(0.83);

//内容超出div不换行、横向滑动
//父级div
overflow-y: hidden;
overflow-x: auto;
white-space: nowrap;

//子级div
position: relative;
display: inline-block;

//取消鼠标在文字上拖拽时文字被选中
<body ondragstart="return false"></body>

*{
padding: 0px;
margin: 0px;

-moz-user-select: none;
-o-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}

//隐藏手机端滚动条

::-webkit-scrollbar{
0;
display:none;
}

//css设置table下tbody滚动条

table tbody {

display:block;

height:195px;

overflow-y:scroll;

}

table thead, tbody tr {

display:table;

100%;

table-layout:fixed;

}

slideToggle()    //展开收起、隐藏显示

slideUp()    //收起、隐藏

slideDown()  //展开、显示

dbclick()  //双击

find()  //取后代元素

children()    //直接子级（第一个子级）

parent()  //取父级元素

parents()  //取祖级元素

next()  //取下一个相邻的同级元素

nextAll()  //取该元素后的所有同级元素

prev()  //取上一个相邻的同级元素

prevAll()  //取该元素前的所有同级元素

focus()  //input获得焦点

blur()  //input失去焦点

mouseover()  //鼠标移入（被选元素以及被选元素的子元素）

mouseout()  //鼠标移出（被选元素以及被选元素的子元素）

mouseenter()  //鼠标移入（被选元素）
mouseover()  //鼠标移入（包括子元素）

mouseleave()  //鼠标移出（被选元素）

resize()  //窗口大小有所调整后执行（可以是div）

clone()  //克隆  clone(true)包括克隆事件

setInterval()  //每隔一秒自动执行

keydown()  //键盘按键按下

keypress()  //键盘按键按下

keyup()  //键盘按键松开

//单击双击
var TimeFn = null;
    
$("div").mousedown(function(){
    clearTimeout(TimeFn);
    TimeFn = setTimeout(function(){
        alert("11");
    },300);
});
    
$("div").dblclick(function(){
    clearTimeout(TimeFn);
    alert("22");
});

//监控checked是否选中
$(document).on('change',".userxx",function(){
    if($(".userxx").is(":checked")){
        $(".userlist").show();
    }else{
        $(".userlist").hide();
    }
});

//两个div同时滑动
$(".contbody2").scroll(function() {
    $(".thead").scrollTop($(this).scrollTop()); // 纵向滚动条
    $(".thead").scrollLeft($(this).scrollLeft()); // 横向滚动条
});
$(".thead").on("mousewheel DOMMouseScroll", function(e) {
    var scroll_top = $(".contbody2").scrollTop();
    var scroll_left = $("contbody2").scrollLeft();
    if(e.originalEvent.wheelDelta > 0 || e.originalEvent.detail < 0) {
    $(".contbody2").scrollTop(scroll_top - 25);
         $(".contbody2").scrollLeft(scroll_left - 25)
    } else {
         $(".contbody2").scrollTop(scroll_top + 25);
         $(".contbody2").scrollLeft(scroll_left + 25)
    }
    e.preventDefault()
});