获取属性:
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);
}