java开发工作笔记(前端)

最新推荐文章于 2024-03-13 19:35:06 发布

原创最新推荐文章于 2024-03-13 19:35:06 发布 · 220 阅读

0 ·

CC 4.0 BY-SA版权

工作中遇到的问题专栏收录该内容

54 篇文章

订阅专栏

本文介绍jQuery动态控制元素显示隐藏的方法，解决布局问题；演示CSS处理表格单元格内容溢出，及鼠标悬停显示完整信息技巧；并提供JavaScript验证经纬度的有效范围，确保地理坐标输入正确。

一、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;
}