4个值得注意的点(先记后写)
1.加单引号的方法
+ "<p class='addToCarBtn'" + " data-productId='" + productId + "' data-productTitle='" + productTitle+ "' data-productCurrentCount='" + productCurrentCount+ "' data-productPrice='" + productPrice+ "'data-productType='"+productType+ "'data-productGdprice='"+productGdprice+ "'data-storeProductFreight='"+storeProductFreight+ "'data-amount='"+amount+ "' οnclick='addCar(this);'>加入购物车</p>"
+ "<span class='goods' style='margin-right:10px;'><a " + "data-productId='" + pro[0]+ "'data-productPrice='"+pro[3]+ "'href='javascript:void(0);' οnclick='delProFromCar(this);' style='color:red;'>删除</a></span>"+ "<span class='goods'>" + pro[1].substring(0,12) + "</span>"+ "<div>"+ "<p class='amount'>"+ "<i class='i_reduce del' data-productPrice="+ pro[3] +"></i>" //奥义:要明白的一点是,XX+XX在JS里面一定会连起来,所以若写成"<i class='i_reduce del'"+" data-productPrice="+ pro[3] +"></i>"就绝壁会连在一块+ "<input class='goodsAmount' data-productPrice="+ pro[3] +" type='text' value='"+ams+"'>"+ "<i class='i_add plus' data-productPrice="+ pro[3] +"></i>"+ "</p>"+ "<span class='price'>¥<b id='price"+i+"' data-productId=" + pro[0] + " data-productName='" + pro[1] + "' data-productPrice="+ pro[3] +">" + Number(pro[3])*1000*amounts/1000 + "</b></span>"//先乘再除避免出现多位小数的情况+ "</div>"+ "</li>"; 所以只有两个要注意的,一个是奥义那里,一个是属性的小''写法 又遇到此类问题深入理解一下,例子popLayout+= "<div class='tip_mask' style="+"height:"+a+'px'+">";其实属性''的写法不重要,重要的是把“XX+XX在JS里面一定会连起来”理解到位
2.奇怪的on写法
$("#proInfo").on("click",'.plus',function(){var count = $(this).prev().val();if(isNaN(count)){return false;}var amount = $(this).prev().attr("data-productPrice");var sum = (amount * 100)* (+count+1) / 100;$(this).prev().val(+count+1);var deletebtn=$(this).prev().parent().parent().siblings()[0]var ams=$(deletebtn).children().attr("data-productid");localStorage.setItem(ams,+count+1);$(this).parent().next().find("b").text(sum);calculatepTotalPrice();});
3.parent() children()等方法的一个整理
4.this要加$(), 直接给btn加onclick函数的绑定来用this 这种做法的讨论 ,结合2的this方法讨论 ,重写便利店页面,购物车功能的代码(卡在this的地方)
转载于:https://www.cnblogs.com/xisitan/p/4730396.html
4个值得注意的点(先记后写)相关推荐
- 雷卷 java,阿里巴巴资深技术专家雷卷:值得开发者关注的 Java 8 后时代的语言特性...
阿里巴巴资深技术专家雷卷:值得开发者关注的 Java 8 后时代的语言特性 发布时间:2020-07-04 08:25:36 来源:51CTO 阅读:315 作者:阿里系统软件技术 栏目:云计算 作者 ...
- 比Word更优雅的记笔记/写文档/交报告方式
比Word更优雅的记笔记/写文档/交报告方式 markdown+vscode->pdf 背景 最近在上的一门<信息系统开发工具>课老师要求实验以后都要交实验报告,但是和以往不同的是, ...
- notability整理归档_ipad记手写笔记软件 Notability的使用方法图解教程
我一直向所有打算用ipad记手写笔记的同学强烈安利notability这款软件,现在就来向大家一一介绍他的功能和用法. 笔记归类 打开notability后先点击右上角建立一个新的笔记,当你创立了几个 ...
- arcgis标注转为注记后,如何批量修改注记及牵引线颜色
当我们对一些要素进行标注时,面对密密麻麻的标注,arcgis标注转为注记后,状态分为"未放置"和"放置"两类,勾选"绘制"未放置的标注,被压 ...
- insert into 时间_值得花点时间背记的out of有关短语
在英语的习惯用语当中,含有out of这一介词短语的相当多.以下是主要考点归纳.供大家学习参考. 1.out of pity 出于同情/怜悯 2.out of gratitude 出于感谢/感激 3. ...
- 值得信任的邀约--记我的阿里云
2017年开年我总是喜欢对过去一年进行一个小小的回顾和总结,本文则要记录两件2016年对我有较大影响的两件事:一件是数据抓取:一件是网站运行,由于这两件事情办的 不错,较得领导欢心,因此我才占据了唯一 ...
- ArcGIS——图形转要素(标注转注记后发布服务问题)
一.引言 以前对于图形转要素是在arcmap制图的过程中,有些要素标记总是随着缩放而不变,因为要求标记随着缩放而变变化,所以将标记转注记,注记是会随着缩放而变化的.最近发布服务的时候遇到一个问题,这些 ...
- 计算机教案课后记怎么写,教案后记怎么写
刚刚弄好教案,忽然想写一下后记. 只不过,刚开始写后记的时候,我却把题目写成了"猴急",这还真是符合我猴急的个性. 的确,如果没有"猴急"之心,我也不会被老师退 ...
- 半小时学会Markdown语法,让你从快速入门到熟练掌握typora编辑器,大家记笔记写讲义都在用。
文章目录 Markdown简介 Markdown主要应用 Markdown编辑器 Typroa编辑器 Markdown语法 Markdown 标题 Markdown 段落 字体 分隔线 删除线 下划线 ...
最新文章
- SQLserver数据库操作帮助类SqlHelper
- php 小数末尾进1,PHP处理浮点数进一、去尾(不进行四舍五入) | 剑花烟雨江南...
- XNA游戏开发之(六)——保存游戏数据
- mybatis教程--查询缓存(一级缓存二级缓存和整合ehcache)
- java 高级数据类型_java 数据类型(上):分类
- Spring Boot整合MyBatis
- MyBatis-Plus——增删查改
- Pytorch:损失函数
- Javascript 汉字拼音排序
- 旅游景点网站景区景点购票系统毕业设计毕业论文参考(3)后台管理功能
- java 分布式序列号_分布式序列号生成?
- vs2015编译纯ASM文件
- 复杂材料棱柱体单站RCS
- 用python+turtle画太阳花
- Strategy(策略)
- 2019-2020记罗振宇“时间的朋友”跨年演讲(二)
- 奇偶归一猜想(多组数据)——又称为3n+1猜想、冰雹猜想、角谷猜想
- 【OpenCV学习笔记】之图像金字塔(Image Pyramid)
- C语言预处理相关讲解
- 学会4种方法,掌握端到端测试处理数据..