java开发工作笔记(前端)

一、jquery动态设置标签隐藏和显示

$("#id").css('display','none');

$("#id").css('display','block');

某些情况下动态调整标签为block可见后会扰乱页面布局，这时候可以使用如下设置：

$("#id").css('display','');

二、表格td内容过多时隐藏

.table tr td {
    text-overflow:ellipsis; white-space:nowrap; overflow:hidden;
}

想要鼠标移动上去显示全部内容可以给td设置title

<td title="${vo.province }">${vo.province }</td>

可以写固定数据，也可以展示后台遍历的值

三、js校验经纬度

//校验经度
function checkLong(){
    var longrg = /^(\-|\+)?(((\d|[1-9]\d|1[0-7]\d|0{1,3})\.\d{0,6})|(\d|[1-9]\d|1[0-7]\d|0{1,3})|180\.0{0,6}|180)$/;
    var lng = $("#longitude").val();
    if(!longrg.test(lng)){
        return '经度整数部分为0-180,小数部分为0到6位!';
    }
    return true;
}
//纬度
function checkLat(){
    var latreg = /^(\-|\+)?([0-8]?\d{1}\.\d{0,6}|90\.0{0,6}|[0-8]?\d{1}|90)$/;
    var lat = $("#latitude").val();
    if(!latreg.test(lat)){
        return '纬度整数部分为0-90,小数部分为0到6位!';
    }
    return true;
}