jQuery动态创建元素,通过元素操作修改购物车相关交互效果

16 篇文章 1 订阅
10 篇文章 0 订阅

1.创建元素
语法:

$("'<li></li>");
动态的创建了一一个<li>

2.添加元素
①内部添加元素,生成之后,它们是父级关系。
②外部添加元素,生成之后,他们是兄弟关系。
(1)内部添加
把内容放入匹配元素内部最后面,类似原生appendChild.element.append(内容)
把内容放入匹配元素内部最前面。element.prepend(内容)
(2)外部添加
把内容放入目标元素后面element.after(内容)
把内容放入目标元素前面element.before(内容) 
3.删除元素.
删除匹配的元素(本身)element.remove() 
// 删除匹配的元素集合中所有的子节点element.empty() 

清空匹配的内容方法里面需要添加“引号”
// 清空匹配的元素内容element.html(”“)

利用删除元素方法清空购物车

分析:使用点击方法在程序处理当中找到我们当前点击的元素根据当前元素去找到父级一行的标签将其删除,在点击底部删除文字模块之前我们需要选中选中复选框,在点击底部文字时是根据我们已经触发点的复选框,通过迭代去删除已经选中的tr实现触发文字删除一行的效果......

商品总计价格模块

         分析:当对购物车中任何模块进行过增删改查以后都需要调用函数去实时的更新总价模块的数值;内部代码分析通过each方法遍历指定标签的文本内容,对文本内容剪切字符串强制数据类型转换以后去累加数值,对商品件数count值获取就遍历每一个文本的值通过获取过来的值去强转数据类型累加,在遍历完成以后拿出遍历得出的总值去修改底部模块的动态改变的值

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值