jQ属性操作

获取属性:

element.prop("属性");

修改属性:

element.prop("属性","属性值");

设置自定义属性:

element.attr("属性");

案例:购物车模块单复选框

$("j-checkbox:checked").length得到选中的复选框的个数

$(function(){
        //全选按钮全选全不选功能
        $(".checkall").change(function(){//change是改变checked值是true或者false时
            $(".j-checkbox",".checkeall").prop("checked",$(this).prop("checked"));
        })
       //小按钮影响全选按钮
        $(".checkall").change(function(){
            if($(".j-checkbox:checked"===3)){
                $(".checkall").prop("checked",true);
            }else{
                $(".checkall").prop("checked",false);
            }
        })

案例:购物车模块剩余功能

$(".increment").click(function(){
            //按加号,购物车该商品数量加一
            var n=$(this).siblings(".item").val();
            n++;
            $(this).siblings(".item").val(n);
            //计算当前商品总价格
            var p=$(this).parent().parent().siblings(".p-price").html();
                  //获取当前元素的父元素的父元素的兄弟的值
            p=p.substr(1);//用字符串形式去掉¥符号
            $(this).parents(".p-num").siblings(".p-sum").html("¥"+p*n);//合并写法
        })
        
$(".decrement").click(function(){
            //按减号,购物车该商品数量减一
            var n=$(this).siblings(".item").val();
            if(n==1){
                return false;
            }
            n--;
            $(this).siblings(".item").val(n);
            //计算当前商品总价格
            var p=$(this).parent().parent().siblings(".p-price").html();
                  //获取当前元素的父元素的父元素的兄弟的值
            p=p.substr(1);
            $(this).parent().parent().siblings(".p-sum").html("¥"+p*n).toFixed(2);
                  //保留小数点后两位
        })
 //用户手动修改该商品数量
 $(".item").change(function(){
            var n=$(this).val();//得到手动输入值
            var p=$(this).parents(".p-num").siblings(".p-price").html();
            p=p*substr(1);
            $(this).parent().parent().siblings(".p-sum").html("¥"+p*n).toFixed(2);
        })
//总价发生变化
 function getSum(){
            var count=0;//总件数
            var money=0;//总价钱
            $(".itxt").each(function(i,ele){
                count+=parseInt($(ele.val()));//得到的值转换为数值形式
            })
            $(".amount-sum em").text(count);
            $(".p-sum").each(function(i,ele){
                money+=parseInt($(ele).text().substr(1));
            })
            $(".amount-sum em").text(money);
        }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值