前端常用JQ小工具 --时间格式转换 --获取地址啦参数 --回车搜索 --返回顶部 --map判断 --获取复选框checked值 --jq格式化数字

最新推荐文章于 2022-05-10 15:12:38 发布

置顶历经沧桑的少年

最新推荐文章于 2022-05-10 15:12:38 发布

阅读量223

点赞数 1

分类专栏：笔记文章标签：前端JQ

本文链接：https://blog.csdn.net/qq_40530899/article/details/94559388

版权

笔记专栏收录该内容

21 篇文章 0 订阅

订阅专栏

浏览器表单自动弹出提示关闭

浏览器表单自动弹出提示关闭
autocomplete="off"

日期格式转换

//日期格式转换
var activityDate=dateFtt('yyyy-MM-dd',new Date(date));

function dateFtt(fmt,date) { //author: meizz
            var o = {
                "M+" : date.getMonth()+1,                 //月份
                "d+" : date.getDate(),                    //日
                "h+" : date.getHours(),                   //小时
                "m+" : date.getMinutes(),                 //分
                "s+" : date.getSeconds(),                 //秒
                "q+" : Math.floor((date.getMonth()+3)/3), //季度
                "S"  : date.getMilliseconds()             //毫秒
            };
            if(/(y+)/.test(fmt))
                fmt=fmt.replace(RegExp.$1, (date.getFullYear()+"").substr(4 - RegExp.$1.length));
            for(var k in o)
                if(new RegExp("("+ k +")").test(fmt))
                    fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));
            return fmt;
        }

获取地址啦参数

//获取地址啦参数
(function ($) {
    $.getUrlParam = function (name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
        var r = decodeURI(window.location.search.substr(1)).match(reg);
        if (r != null) return unescape(r[2]); return null;
    }
})(jQuery);
//调用:
var name = $.getUrlParam('name');

回车键搜索

 //回车键搜索
  $('搜索框').bind('keypress', function (event) {
    if (event.keyCode == "13") {
      $("搜索按钮").click();
    }
  });
  //高级写法:
<input id="sw" placeholder="请输入关键字查询" onkeydown="if(event.keyCode==13){searchvalue();}" value="">

返回顶部

<html>
<body>

<div id="back-to-top" style="cursor:pointer; display:block;">
上升按钮
</div>

</body>
</html>

$(function(){
        //当滚动条的位置处于距顶部100像素以下时，跳转链接出现，否则消失
        $(function () {
            $(window).scroll(function(){
                if ($(window).scrollTop()>100){
                    $("#back-to-top").fadeIn(1500);
                }
                else
                {
                    $("#back-to-top").fadeOut(1500);
                }
            });
 
            //当点击跳转链接后，回到页面顶部位置
 
            $("#back-to-top").click(function(){
                $('body,html').animate({scrollTop:0},1000);
                return false;
            });
        });
    });

扩展点击菜单按钮, 动态滚动到对应位置.

<div id="header_nav">
       <ul>
           <li>
               <a href="#home">首页</a>
           </li>
           <li>
               <a href="#download">下载</a>
           </li> 
           <li>
               <a href="#contact">联系</a>
           </li>
       </ul>
</div>

// -- initial --
$(document).ready(function() {
    
    
    $("#header_nav a").click(function(){
        var selector=$(this).attr("href"); 
        var top = $(selector).offset().top;
        var current_top = $('body').scrollTop();
        var animate_time=  Math.abs( current_top - top ) * 0.8; // 800px per second. 
        $('body,html').animate({scrollTop:top},animate_time);
        return false;
    });


});

参考来源:
https://www.cnblogs.com/gaoxihan/p/3324388.html

//判断map是否为空
function isEmptyObject(e) {
    var t;
    for (t in e)
        return !1;
    return !0
}

//jq获取复选框值
var chk_value =[];//定义一个数组    
            $('input[name="interest"]:checked').each(function(){//遍历每一个名字为interest的复选框，其中选中的执行函数    
            chk_value.push($(this).val());//将选中的值添加到数组chk_value中    
            });

jq格式化数字

方法一：


<script  type= "text/javascript">
 
         var   num_s = "1232134456.546 ";alert(parseFloat(num_s).toLocaleString());
 
     </script>

方法二：

<script type="text/javascript">
 function format_number(n){
   var b=parseInt(n).toString();
   var len=b.length;
   if(len<=3){return b;}
   var r=len%3;
   return r>0?b.slice(0,r)+","+b.slice(r,len).match(/\d{3}/g).join(","):b.slice(r,len).match(/\d{3}/g).join(",");
 }
 
var a="53669988.000";
alert(format_number(a));
alert(format_number("wahh"));
alert(format_number(0));
alert(format_number(6698.0023));

table多余内容显示省略号


<table style="table-layout: fixed;"> 
<style>
td {
      white-space:nowrap;overflow:hidden;text-overflow: ellipsis;
}
</style>

属性描述

white-space:nowrap;规定段落中的文本不进行换行
overflow:hidden;关闭滚动条
text-overflow: ellipsis;溢出的文字显示为省略号


//父级打开子页面
function openWin() {
      var u = "${ctxStatic}/custom/bmDrugList_up.jsp";
      return window.open(u, 'newwindow', 'height=600, width=800, top=30%,left=30%, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no');

//子页面调用父页面方法
function www() {
    window.opener.document.getElementById("number").value = '123';
    //
    window.opener.aa("45644546");
}

table删除整行

<script src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
    //obj是点击行的this
    function deleteTr(obj) {
        //通过this找到父级元素节点
        var tr = obj.parentNode.parentNode;
        //找到表格
        var tbody = tr.parentNode;
        //删除行
        tbody.removeChild(tr);
        //只剩行首时删除表格
        if (tbody.rows.length == 1) {
            tbody.parentNode.removeChild(tbody);
        }
    }
</script>

历经沧桑的少年

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
前端常用JQ小工具 --时间格式转换 --获取地址啦参数 --回车搜索 --返回顶部 --map判断 --获取复选框checked值 --jq格式化数字

//日期格式转换varactivityDate=dateFtt('yyyy-MM-dd',new Date(date));function dateFtt(fmt,date) { //author: meizz var o = { "M+" : date.getMonth()+1, //月份 ...
复制链接

扫一扫