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个值得注意的点(先记后写)相关推荐

  1. 雷卷 java,阿里巴巴资深技术专家雷卷:值得开发者关注的 Java 8 后时代的语言特性...

    阿里巴巴资深技术专家雷卷:值得开发者关注的 Java 8 后时代的语言特性 发布时间:2020-07-04 08:25:36 来源:51CTO 阅读:315 作者:阿里系统软件技术 栏目:云计算 作者 ...

  2. 比Word更优雅的记笔记/写文档/交报告方式

    比Word更优雅的记笔记/写文档/交报告方式 markdown+vscode->pdf 背景 最近在上的一门<信息系统开发工具>课老师要求实验以后都要交实验报告,但是和以往不同的是, ...

  3. notability整理归档_ipad记手写笔记软件 Notability的使用方法图解教程

    我一直向所有打算用ipad记手写笔记的同学强烈安利notability这款软件,现在就来向大家一一介绍他的功能和用法. 笔记归类 打开notability后先点击右上角建立一个新的笔记,当你创立了几个 ...

  4. arcgis标注转为注记后,如何批量修改注记及牵引线颜色

    当我们对一些要素进行标注时,面对密密麻麻的标注,arcgis标注转为注记后,状态分为"未放置"和"放置"两类,勾选"绘制"未放置的标注,被压 ...

  5. insert into 时间_值得花点时间背记的out of有关短语

    在英语的习惯用语当中,含有out of这一介词短语的相当多.以下是主要考点归纳.供大家学习参考. 1.out of pity 出于同情/怜悯 2.out of gratitude 出于感谢/感激 3. ...

  6. 值得信任的邀约--记我的阿里云

    2017年开年我总是喜欢对过去一年进行一个小小的回顾和总结,本文则要记录两件2016年对我有较大影响的两件事:一件是数据抓取:一件是网站运行,由于这两件事情办的 不错,较得领导欢心,因此我才占据了唯一 ...

  7. ArcGIS——图形转要素(标注转注记后发布服务问题)

    一.引言 以前对于图形转要素是在arcmap制图的过程中,有些要素标记总是随着缩放而不变,因为要求标记随着缩放而变变化,所以将标记转注记,注记是会随着缩放而变化的.最近发布服务的时候遇到一个问题,这些 ...

  8. 计算机教案课后记怎么写,教案后记怎么写

    刚刚弄好教案,忽然想写一下后记. 只不过,刚开始写后记的时候,我却把题目写成了"猴急",这还真是符合我猴急的个性. 的确,如果没有"猴急"之心,我也不会被老师退 ...

  9. 半小时学会Markdown语法,让你从快速入门到熟练掌握typora编辑器,大家记笔记写讲义都在用。

    文章目录 Markdown简介 Markdown主要应用 Markdown编辑器 Typroa编辑器 Markdown语法 Markdown 标题 Markdown 段落 字体 分隔线 删除线 下划线 ...

最新文章

  1. SQLserver数据库操作帮助类SqlHelper
  2. php 小数末尾进1,PHP处理浮点数进一、去尾(不进行四舍五入) | 剑花烟雨江南...
  3. XNA游戏开发之(六)——保存游戏数据
  4. mybatis教程--查询缓存(一级缓存二级缓存和整合ehcache)
  5. java 高级数据类型_java 数据类型(上):分类
  6. Spring Boot整合MyBatis
  7. MyBatis-Plus——增删查改
  8. Pytorch:损失函数
  9. Javascript 汉字拼音排序
  10. 旅游景点网站景区景点购票系统毕业设计毕业论文参考(3)后台管理功能
  11. java 分布式序列号_分布式序列号生成?
  12. vs2015编译纯ASM文件
  13. 复杂材料棱柱体单站RCS
  14. 用python+turtle画太阳花
  15. Strategy(策略)
  16. 2019-2020记罗振宇“时间的朋友”跨年演讲(二)
  17. 奇偶归一猜想(多组数据)——又称为3n+1猜想、冰雹猜想、角谷猜想
  18. 【OpenCV学习笔记】之图像金字塔(Image Pyramid)
  19. C语言预处理相关讲解
  20. 学会4种方法,掌握端到端测试处理数据..

热门文章

  1. 字符串替换(C++)
  2. 下载文件byte[]
  3. Flutter ImageFilter 高斯模糊效果 BackdropFilter 实现过滤效果
  4. Android PopupWindow系列 (一) —— popupWindow基本使用方略
  5. Android研发中对String的思考(源码分析)
  6. onclick 拼接时如何传递json对象
  7. Oracle AWR ASH
  8. Linux本地无法登录,远程却可以登录
  9. Frameset导致Cookies和Session丢失的原因及解决办法
  10. 在场景中添加光线——添加HLSL Vertex Shading