最详细步骤加注释jq简单实现购物车选中并计算价格

本文详述了如何使用jQuery实现购物车功能,包括点击全选按钮选中所有商品并计算总价,取消全选时重新计算价格,以及单独选择商品时的价格更新。涉及表格样式设置、jQuery的change()事件、prop()属性、text()方法、parent()和siblings()筛选方法等知识点。欢迎交流讨论,共同进步。
摘要由CSDN通过智能技术生成

实现的功能:

        1.点击全选按钮是其他按钮也选中,并计算选中所有的商品价格

        2.取消全选按钮,价格重新计算

        3.单点每个商品的按钮并计算价格

小知识点(有空时小知识点要多回顾一下哦,加深记忆):

     1.关于设置表格样式的知识点 

cellspacing   单元格与单元格之间的距离
cellpadding  内容与单元格之间的距离
valign  垂直方向对齐方式  
     top    顶对齐
     middle  垂直居中	
     bottom  底对齐

bordercolor  边框颜色
bgcolor  背景颜色
rules   规定内侧边框哪部分可见
          none  内侧边框不可见
          rows  行之间的线条可见
          cols   列之间的线条可见
          all   行与列之间的线条均可见
单元格合并
        水平合并单元格   colspan="合并单元格个数"
        垂直合并单元格   rowspan="合并单元格个数"

2.JQ相关知识点

用到的JQ

  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值