项目关于jquery部分内容

点击显示登陆页面

/*登录页面悬在其他页面上 */
$(function(){
    $("#loginPopup").click(function(){
    $(".pop-bg,.pop-wrapper").show();
    $("body").css("overflow", "hidden");
    })
    $(".close-btn").click(function(){
        $(".pop-bg,.pop-wrapper").hide();
    $("body").css("overflow", "auto");
    })
})

当点击登陆时，登陆页面显示在其他页面的上面，点击‘x’，登陆页面消失。如下：

数量增加、减少、计算：

当点击'+'，数量增加。点击‘-’，数量减少。点击购买，计算总和：

/*数量增加 */
$(function(){
    $(".c_add").click(function(){
        var val = $("#count-ipt").val();
        var num = parseInt(val)+1;
        var count = $(".in-count").text();
        if (num <= count) 
        $("#count-ipt").val(num)
    })

/*数量减少 */
    $(".c_sub").click(function(){
        var val = $("#count-ipt").val();
        var num = parseInt(val)-1;
        if (num > 0) 
        $("#count-ipt").val(num)
    })

    /*弹窗  ****元*/
    $(".buy-now").click(function(){
        var val = $("#count-ipt").val();
        var price = parseFloat($(".li-price").text())*100;
        alert(val*price/100);
    })
})

项目关于jquery部分内容

推荐阅读