Js JQuery用法

选择器的使用:

var input_ = $('input[value=' + result.cmmdtyCode + ']');
var num = input_.parent('tr').find('.number-viwer').val() - 0 + 1;
tr = tr.replace(/CommdityCode/g, result.cmmdtyCode).replace(/CommdityName/g, result.cmmdtyName).replace(/SellPrice/g, result.retailPrice).replace(/TotalAmount/g, result.retailPrice).replace(/UnitPrice/g, result.retailPrice).replace(/SurplusNums/g, result.surplusNum);

$tr = $(tr);

 setTimeout(function () {
                $nbsp = $tr.find('.numberstep')
                nbsps.push(numberStep.create($nbsp.get(0)));
            }, 100);

var dom = $yuan.parents('tr');

$.get(url, function (data) {
        if ("000000" == data.responseCode) {
            var result = data.responseObject;
            if ("true" == result.priceFlag) {
                var total = result.discountPrice * number;
                if (total <= 0) {
                    discount.val(0);
                } else {
                    discount.val(total);
                }
                res = 'true';
            } else {
                res = '该价格过低';
            }
        } else {
            res = '校验价格失败，请稍后重试！';
        }
    }, "json").fail(function () {
        res = '校验价格失败，请稍后重试';
    });

 comditys.forEach(function (val) {
        if (1 == val.isEnough) {
            var _dom = $('input[value=' + val.cmmdtyCode + ']').parent('tr');
            var _num = $(".cartList").find('tr:gt(0)').index(_dom);
            if (0 == val.num) {
                _dom.find('td').first().html(_dom.find('td').first().text() + '<span class="invalid"></span>');
                _dom.find('.a-edit').attr("display", "none");
                nbsps[_num].deactive();
                _dom.find('p.count-info').html("无货");
                _dom.find('p.count-info').show();
            } else if (10 >= val.num) {
                _dom.find('input[name="quantity"]').attr('max', val.num);
                _dom.find('input[name="quantity"]').attr('max-val', val.num);
                _dom.find('p.count-info').html("库存仅剩" + val.num + "件");
                _dom.find('p.count-info').show();
                nbsps[_num].init();
            } else {
                _dom.find('input[name="quantity"]').attr('max', val.num);
                _dom.find('input[name="quantity"]').attr('max-val', val.num);
                nbsps[_num].init();
            }
        }
    });


/**
     * 消息提醒
     * @param msg
     */
    function toast(msg) {
        //弹出提示
        $.toast({
            //showHideTransition: 'fade',
            text: msg,
            position : 'mid-center',
            textAlign: 'center',
            loader:true,
            Icon:"Information"
        });
    }

数字的计算：
var cashCount  = Number(responseInfo.saleCount).toFixed();//消费笔数
            var cashAmt = Number(responseInfo.saleAmount).toFixed(2);//消费金额

js

FETCH_JS = {
        //购物单编码
        _shoppingCode : '',
        //待支付订单编码
        _orderCodePay : '',
        //待退款订单编码
        _orderCodeRefund : '',

        init_click :function () {
            $("#handOnQueryBtn").click(function(){
                $("#handOnQueryBtn").data('initing', true);
                FETCH_JS.doQueryHandOnPage(1);
            });

            $("#waitPayQueryBtn").click(function(){
                $("#waitPayQueryBtn").data('initing', true);
                FETCH_JS.doQueryWaitPayPage(1);
            });

            $("#refundQueryBtn").click(function(){
                $("#refundQueryBtn").data('initing', true);
                FETCH_JS.doQueryRefundPage(1);
            });

            $("#handOnQueryBtn").click();

            $("#waitPayQueryBtn").click();

            $("#refundQueryBtn").click();
        },

        // toast提示方式
        toast : function(msg) {
            //弹出提示
            $.toast({
                //showHideTransition: 'fade',
                text: msg,
                position : 'mid-center',
                textAlign: 'center',
                loader:false,
                Icon:"Information"
            });
        },
        // 去退款
        goRefund : function(orderCode) {
            window.location.href = "/mis/returns.do?orderCode=" + orderCode;
        }
    };
FETCH_JS.init_click();

<p><a href="javascript:;" class="btn btn-primary" onclick="FETCH_JS.goPay('${orderInfoDTO.orderCode}')">去支付</a></p>

手机号码校验：

var phoneNum = $.trim($("#waitPayPhone").val());
if(phoneNum != '' && !(/^1[34578]\d{9}$/.test(phoneNum)));

局部刷新 分页信息：

<link rel="stylesheet" type="text/css" href="${resRoot}/css/lib/jquery.cxcalendar.css">
<link rel="stylesheet" type="text/css" href="${resRoot}/css/lib/jquery.toast.min.css">
<link rel="stylesheet" type="text/css" href="${resRoot}/css/lib/jquery.toast.min.css">
<script type="text/javascript" src="${resRoot}/js/lib/jquery-1.12.4.js"></script>
<script type="text/javascript" src="${resRoot}/js/lib/jquery.twbsPagination.js"></script>
<script type="text/javascript" src="${resRoot}/js/lib/tabs.js"></script>
<script type="text/javascript" src="${resRoot}/js/lib/component.min.js"></script>
<script type="text/javascript" src="${resRoot}/js/lib/jquery.toast.min.js"></script>
<!--局部分页-->
<div class="qudan-pager" id="orderListPagerDiv">
    <script type="text/javascript">
        $(function () {
            $('#orderListPagerDiv').twbsPagination({
                totalPages: ${orderListPager.totalPage},
                visiblePages: 5,
                startPage: ${orderListPager.page},
                hideOnlyOnePage: true,
                firstClass: 'hide',
                lastClass: 'hide',
                prevClass: 'qudan-pager-prev',
                nextClass: 'qudan-pager-next',
                prev: ' ',
                next: ' ',
                onPageClick: function (event, page) {
                    // 判断是否初始化查询
                    if (!$("#orderSearchBtn").data('initing')) {
                        $("#orderSearchBtn").data('initing', true);
                        // 分页查询,查询X页
                        ORDER_JS.doQueryOrderOnPage(page);
                    } else {
                        $("#orderSearchBtn").data('initing', false);
                    }
                }
            });
        });
    </script>
</div>

server端

@RequestMapping("/queryOrderList")
    public String queryOrderList(@PageArgument PagerBean pagerBean, HttpServletRequest request, Model model,
            OrderListParamDTO orderListParam, HttpServletResponse response) {

        log.info("查询订单列表  recieve parameters:" + gson.toJson(pagerBean));
        // 查询订单列表
        PagerBean returnBean = orderListService.queryOrderList(pagerBean);
           model.addAttribute("orderListPager", returnBean);
        return "orderList/orderListSec";
    }

获取当前时间

function getNowFormatDate() {
    var date = new Date();
    var seperator1 = "-";
    var seperator2 = ":";
    var month = date.getMonth() + 1;
    var strDate = date.getDate();
    var hh=date.getHours();
    var mm=date.getMinutes();
    var ss=date.getSeconds();
    if (month >= 1 && month <= 9) {
        month = "0" + month;
    }
    if (strDate >= 0 && strDate <= 9) {
        strDate = "0" + strDate;
    }

    if(hh < 10)  
           hh="0"+hh;  
        if (mm < 10) 
         mm="0"+mm;  

        if (ss < 10) 
        ss ="0"+ss;   

    var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate
            + " " + hh + seperator2 + mm
            + seperator2 + ss;
    return currentdate;
}   

定时器的使用:

<!--使用新的setInterval  实现 三次执行之后 再停止-->
var timesRun = 0;
            var interval = setInterval(function(){
             $("#storeBill").show();

                $("#storeBill").print({
                           //title:"店铺xx"
                });
                $("#storeBill").hide();
                timesRun += 1;
                if(timesRun === 3){
                    clearInterval(interval);

                }
                //do whatever here..
            }, 2000);