Jquery 购物车

最新推荐文章于 2022-11-27 10:06:40 发布
最新推荐文章于 2022-11-27 10:06:40 发布
阅读量325 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： JS，Jquery 文章标签： javascript xhtml json ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/sjeveryday/article/details/84511711
参考文档：
http://www.cnblogs.com/blackice/archive/2013/04/21/3034043.html
http://www.nowamagic.net/jquery/jquery_JqueryCookie.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TV365—精伦云影音智能机官方直销网站</title>
<meta name="keywords" content="云影音智能机，精伦H1，精伦H3，精伦H4，智能电视电脑，家庭多媒体中心，海量资讯，精彩视频，高清播放机，高清播放器，电子相册，高清多媒体播放器，高清硬盘播放机，智能电视，电视上网，高清视频，高清硬盘播放器，高清电视，互联网电视，网络高清播放器">
<meta name="description" content="提供最新最热最经典的高清影视剧、新闻娱乐、文化体育、财经教育、生活服务等在线视频，还有音乐、图片新闻、体感游戏、网页浏览等，与电视无缝对接，实现电视的无限应用。">

<link href="/css/style.css" rel="stylesheet"/>
<link href="/css/shop.css" rel="stylesheet"/>
<SCRIPT src="/script/jquery-1.7.1.min.js" type="text/javascript"></SCRIPT>
<SCRIPT src="/script/jquery.cookie.js" type="text/javascript"></SCRIPT>
<SCRIPT src="/script/json2.js" type="text/javascript"></SCRIPT>
</head>

<body>
<div class="top_line">
    <div class="top_header">
        <p  class="top_logo"><img src="/images/shell/logo.jpg" ></p>
        <ul class="top_menu">
            <li id="gn_n1" ><a  href="/" hidefocus></a></li>
            <li id="gn_n2" ><a  href="/product/index.html" hidefocus></a></li>
            <li id="gn_n3"><a  href="/experience/index.html" hidefocus></a></li>
            <li id="gn_n4" class="select4"><a  href="/shop/index.html" hidefocus></a></li>
            <li id="gn_n5"><a  href="/service/index.html" hidefocus></a></li>
        </ul>
    </div> 
</div>



<div style="width:1024px;">  

<div class="shop_warp">

<script type="text/javascript">
(function(a){
	a.fn.hoverClass=function(b){
		var a=this;
		a.each(function(c){
			a.eq(c).hover(function(){
				$(this).addClass(b)
			},function(){
				$(this).removeClass(b)
			})
		});
		return a
	};
})(jQuery);

$(function(){
	$("#navbox").hoverClass("current");

	//初始化界面加载，获取cookie中的数据
	var incart = readProcucts();
	cart2Html(incart);
});


//构造购物车对象
var cart = function(){
		this.cartCount = 0;
		this.cartTotal = 0;
		this.cartItems = new Array();
	}

//构造购物车商品对象
var CartItems = function(){
		this.productSign = "";
		//this.productName = "";
		//this.productInfo = "";
		this.count = 0;
		this.price = 0;
	}

//向购物车内添加商品
function addProducts2Cart(idName){
		//1.先取得当前添加到购物车的数据
		var proTemp = $("#"+idName);
		var productName = proTemp.children(".cp_tit").html();
		var productInfo = proTemp.children(".cp_info").html();
		var price = proTemp.children(".cp_price").html();
		//2.获得cookie中是否存在同类产品，如果存在，直接在原有的基础上添加数据，没有，则新增一行
		var incart = readProcucts();
		var indexTemp = findBySign(idName);
		//如果没有，则新建一条数据
		if(indexTemp <= -1){
				var citems = new CartItems();
				citems.productSign = idName;
				citems.price = price;
				citems.count = 1;
				incart.cartItems.push(citems);
				incart.cartCount++;
			}else{
				var itemsCount = incart.cartItems[indexTemp].count;
				if(itemsCount>=10){
						alert("一种商品在购物车中最多下10台！");
						return;
					}
				//如果有，直接在原有的基础上+1即可；
				incart.cartItems[indexTemp].count = incart.cartItems[indexTemp].count+1;
				incart.cartCount = incart.cartCount +1;
			}
		var objString = JSON.stringify(incart);
		$.cookie("tv365Cookie", objString,{ expires: 7 });

		//3.遍历cookie显示在购物车中
		cart2Html(incart);
		//在显示出弹出界面
		show('tc_div_4');
		$('#cartNum').html(incart.cartCount);

	}


function cart2Html(incart){
		var productSignk;
		var calcTotalPrice = 0;
		var htmlStr = "";
		var tempPrice = 0;
		if(incart.cartItems.length == 0){
				$("#navbox").children(".number").html(0);
				 $(".subnav").html("<p class='air'><a href='#'><img src='images/shop/icon_1.jpg' align='absmiddle'  />您的购物车是空的，赶紧选购吧！</a></p>");
			}else{
				for (var i = 0; i < incart.cartItems.length; i++) {
					var incartItems = incart.cartItems[i];
					productSignk = incartItems.productSign;
					var proTemp = $("#"+productSignk);
					var productName = proTemp.children(".cp_tit").html();
					var productInfo = proTemp.children(".cp_info").html();
					tempPrice = incartItems.price.replace("￥","");
				// alert(productSignk);
					htmlStr += "<div class='shop_list'><p class='shop_img'><img src='/images/shop/c_1.jpg' /></p>"+
		    		"<dl><dt><a href='#'>"+productName+"</a>   <p><span>"+incartItems.price+"</span>*"+incartItems.count+"</p></dt>"+
		    		"<dd><p>"+productInfo+"</p>"+
		    		//"<a href='#' onclick='removeProducts(\"abcd\")'>删除</a></dd></dl></div>";
		    		"<a href='#' onclick='removeProducts(\""+productSignk+"\")'>删除</a></dd></dl></div>";
		    		calcTotalPrice+=tempPrice*incartItems.count;
				}

				//4.显示合计数据
				var totalStr =  "<div class='total'>共<span>"+incart.cartCount+"</span>件商品 共计：<span class='price'>￥"+calcTotalPrice+"</span>"+
		    "<a href='/shop/order.html'><img src='/images/shop/sub.jpg' /></a></div>";
		    $(".subnav").html(htmlStr+totalStr);
		    $("#navbox").children(".number").html(incart.cartCount);
	  }
	}

//根据编码查找位置
function findBySign(productSign){
		var incart = readProcucts();
		var index = -1;

		for (var i = 0; i < incart.cartItems.length; i++) {
    	if (incart.cartItems[i].productSign == productSign) {
      	index = i;
    	}
		}
		return index;
	}


//删除购物车内商品
function removeProducts(productSign){

		var incart = readProcucts();		
		for (var i = 0; i < incart.cartItems.length; i++) {
    	if (incart.cartItems[i].productSign == productSign) {
    			//移除商品，重新保存Cookie
    			incart.cartCount = incart.cartCount - incart.cartItems[i].count;
      		incart.cartItems.splice(i, 1);
      	 	var objString = JSON.stringify(incart);
					$.cookie("tv365Cookie", objString,{ expires: 7 });
    	}
		}
		//重新加载购物车数据！
		cart2Html(incart);
	}

//读取购物车的商品
function readProcucts(){
		var cart1 = new cart();
		//获得cookie
		var mycookie = $.cookie("tv365Cookie");
		var tv365Cookie = JSON.parse(mycookie);
		if(tv365Cookie == null || tv365Cookie == ""){
				return cart1;
		}else{

		}
		return tv365Cookie;

	}

//清除cookie

function removeCookie(){
		$.cookie('tv365Cookie', null); // 删除 cookie
	}

</script>


<div id="navbox" class="menu">

    <a class="tit" href="#">购物车</a>
    <a  class="number">0</a>
	<div class="subnav">
        <p class="air"><a href="#"><img src="images/shop/icon_1.jpg" align="absmiddle"  />您的购物车是空的，赶紧选购吧！</a></p>
	</div>

</div>
    <a href="javascript:void(0);" onclick="removeCookie()"><img src="/images/shop/icon.jpg" align="absmiddle" />  清除COOKIE</a>   


	<div class="cp_list">
         <dl>
            <dt><img src="/images/shop/title_04.jpg" /></dt>

            <dd id = 'bzg1_jl_st'>
            	<p class="cp_tit">别致 G1  <span>香槟金</span> </p>
                <p class="cp_info">标配：G1产品、红外遥控器 HDMI高清线 、电源线。 </p>
                <p class="cp_price">￥749</p>
                <p class="cp_sub">
                    <a href="javascript:void(0);" onclick="addProducts2Cart('bzg1_jl_st')"><img src="/images/shop/icon.jpg" align="absmiddle" />  加入购物车</a> 
                    <a href="javascript:void(0);" onclick="show('tc_div_4')"><img src="/images/shop/gm.jpg"  align="absmiddle" style="margin-left:10px;"/></a>
                </p>
                <p class="cp_bg"><img src="/images/shop/cp_07.jpg" /></p>
            </dd>
            <dd id = 'bzg1a_jl_st'>
            	<p class="cp_tit">别致 G1A  <span>香槟金</span> </p>
                <p class="cp_info">标配：G1A产品、魔幻遥控器 HDMI高清线 、电源线、充电线。 </p>
                <p class="cp_price">￥1299</p>
                <p class="cp_sub">
                    <a href="javascript:void(0);" onclick="addProducts2Cart('bzg1a_jl_st')"><img src="/images/shop/icon.jpg" align="absmiddle" />  加入购物车</a> 
                    <a href="javascript:void(0);" onclick="show('tc_div_4')"><img src="/images/shop/gm.jpg"  align="absmiddle" style="margin-left:10px;"/></a>
                </p>
                <p class="cp_bg"><img src="/images/shop/cp_08.jpg" /></p>
            </dd>
        </dl>

        <dl>
            <dt><img src="/images/shop/title_02.jpg" /></dt>

            <dd>
            	<p class="cp_tit">别致 S1  <span>流光银</span> </p>
                <p class="cp_info">标配：S1产品、红外遥控器 HDMI高清线 、电源线。 </p>
                <p class="cp_price">￥499</p>
                <p class="cp_sub">
                    <a href="javascript:void(0);" onclick="show('tc_div_4')"><img src="/images/shop/icon.jpg" align="absmiddle" />  加入购物车</a> 
                    <a href="javascript:void(0);" onclick="show('tc_div_4')"><img src="/images/shop/gm.jpg"  align="absmiddle" style="margin-left:10px;"/></a>
                </p>
                <p class="cp_bg"><img src="/images/shop/cp_03.jpg" /></p>
            </dd>
            <dd>
            	<p class="cp_tit">别致 S1A  <span>流光银</span> </p>
                <p class="cp_info">标配：S1A产品、魔幻遥控器 HDMI高清线 、电源线、充电线。 </p>
                <p class="cp_price">￥699</p>
                <p class="cp_sub">
                    <a href="javascript:void(0);" onclick="show('tc_div_4')"><img src="/images/shop/icon.jpg" align="absmiddle" />  加入购物车</a> 
                    <a href="javascript:void(0);" onclick="show('tc_div_4')"><img src="/images/shop/gm.jpg"  align="absmiddle" style="margin-left:10px;"/></a>
                </p>
                <p class="cp_bg"><img src="/images/shop/cp_04.jpg" /></p>
            </dd>
        </dl>

         <dl>
            <dt><img src="/images/shop/title_03.jpg" /></dt>

            <dd>
            	<p class="cp_tit">别致 M1  <span>双模</span> </p>
                <p class="cp_info">标配：M1产品、红外遥控器 HDMI高清线 、电源线。 </p>
                <p class="cp_price">￥799</p>
                <p class="cp_sub">
                    <a href="javascript:void(0);" onclick="show('tc_div_4')"><img src="/images/shop/icon.jpg" align="absmiddle" />  加入购物车</a> 
                    <a href="javascript:void(0);" onclick="show('tc_div_4')"><img src="/images/shop/gm.jpg"  align="absmiddle" style="margin-left:10px;"/></a>
                </p>
                <p class="cp_bg"><img src="/images/shop/cp_05.jpg" /></p>
            </dd>
            <dd>
            	<p class="cp_tit">别致 M1A  <span>双模</span> </p>
                <p class="cp_info">标配：M1A产品、魔幻遥控器 HDMI高清线 、电源线、充电线。 </p>
                <p class="cp_price">￥899</p>
                <p class="cp_sub">
                    <a href="javascript:void(0);" onclick="show('tc_div_4')"><img src="/images/shop/icon.jpg" align="absmiddle" />  加入购物车</a> 
                    <a href="javascript:void(0);" onclick="show('tc_div_4')"><img src="/images/shop/gm.jpg"  align="absmiddle" style="margin-left:10px;"/></a>
                </p>
                <p class="cp_bg"><img src="/images/shop/cp_06.jpg" /></p>
            </dd>
        </dl>

        <dl>
            <dt><img src="/images/shop/title_01.jpg" /></dt>


             <dd>
            	<p class="cp_tit">别致 H1A  <span>时尚版</span> </p>
                <p class="cp_info">标配：H1A产品、红外遥控器 HDMI高清线 、电源线。 </p>
                <p class="cp_price">￥459</p>
                <p class="cp_sub">
                    <a href="javascript:void(0);" onclick="show('tc_div_4')"><img src="/images/shop/icon.jpg" align="absmiddle" />  加入购物车</a> 
                    <a href="javascript:void(0);" onclick="show('tc_div_4')"><img src="/images/shop/gm.jpg"  align="absmiddle" style="margin-left:10px;"/></a>
                </p>
                <p class="cp_bg"><img src="/images/shop/cp_02.jpg" /></p>
            </dd>
        </dl>
    </div>

    <div class="pj_list">
        <dl>
            <dt><img src="/images/shop/title_05.jpg" /></dt>

            <dd>
            	<p class="cp_info">别致产品AV线<br />25元 </p>
            	<p class="cp_sub">
                    <a href="javascript:void(0);" onclick="show('tc_div_4')"><img src="/images/shop/icon.jpg" align="absmiddle" />  加入购物车</a> 
                </p>
                <p class="cp_bg"><img src="/images/shop/pj_01.jpg" /></p> 
            </dd>

             <dd>
            	<p class="cp_info">别致1.5米HDMI高清数据线<br />50元 </p>
            	<p class="cp_sub">
                    <a href="javascript:void(0);" onclick="show('tc_div_4')"><img src="/images/shop/icon.jpg" align="absmiddle" />  加入购物车</a> 
                </p>
                <p class="cp_bg"><img src="/images/shop/pj_02.jpg" /></p> 
            </dd>
             <dd>
            	<p class="cp_info">别致魔幻遥控器<br />200元 </p>
            	<p class="cp_sub">
                    <a href="javascript:void(0);" onclick="show('tc_div_4')"><img src="/images/shop/icon.jpg" align="absmiddle" />  加入购物车</a> 
                </p>
                <p class="cp_bg"><img src="/images/shop/pj_03.jpg" /></p> 
            </dd>
             <dd>
            	<p class="cp_info">别致红外遥控器<br />100元 </p>
            	<p class="cp_sub">
                    <a href="javascript:void(0);" onclick="show('tc_div_4')"><img src="/images/shop/icon.jpg" align="absmiddle" />  加入购物车</a> 
                </p>
                <p class="cp_bg"><img src="/images/shop/pj_04.jpg" /></p> 
            </dd>
             <dd>
            	<p class="cp_info">别致魔幻遥控器充电线<br />25元 </p>
            	<p class="cp_sub">
                    <a href="javascript:void(0);" onclick="show('tc_div_4')"><img src="/images/shop/icon.jpg" align="absmiddle" />  加入购物车</a> 
                </p>
                <p class="cp_bg"><img src="/images/shop/pj_05.jpg" /></p> 
            </dd>
             <dd>
            	<p class="cp_info">别致产品电源线<br />50元 </p>
            	<p class="cp_sub">
                    <a href="javascript:void(0);" onclick="show('tc_div_4')"><img src="/images/shop/icon.jpg" align="absmiddle" />  加入购物车</a> 
                </p>
                <p class="cp_bg"><img src="/images/shop/pj_06.jpg" /></p> 
            </dd>
        </dl>
    </div>


</div>

</div>
<div  class="foot_warp" >
    <div  class="foot_relative" >
        <div  class="foot_box" >
            <div class="foot_serve"><p><img src="/images/shell/f_serve.jpg" ></p></div>
        </div>
    </div>
    <div class="foot_menu">
        <dl class="foot_m1">
            <dt>关于我们</dt>

            <dd><a href="/about/index.html">关于别致</a></dd>
            <dd><a href="/about/news.html">新闻中心</a></dd>
            <dd><a href="/about/announce.html">隐私声明</a></dd>
            <dd><a href="/about/lawdeclare.html">法律声明</a></dd>
        </dl>

        <dl class="foot_m2">
            <dt>分销网络</dt>

            <dd><a href="http://routon.tmall.com/" target="_blank">天猫旗舰店</a></dd>
            <dd><a href="http://item.jd.com/975596.html" target="_blank">京东商城</a></dd>
            <dd><a href="http://item.yhd.com/item/9350934_1?ref=1_1_51_search.keyword_1" target="_blank">1号店</a></dd>
            <dd><a href="#" target="_blank">易迅</a></dd>
        </dl>

        <dl class="foot_m3">
            <dt>服务支持</dt>

            <dd><a href="/service/index.html">售后政策</a></dd>
            <dd><a href="/service/search.html">订单查询</a></dd>
            <dd><a href="/service/download.html">相关下载</a></dd>
        </dl>

        <dl class="foot_m4">
            <dt>帮助中心</dt>

            <dd><a href="/help/index.html">购物指南</a></dd>
            <dd><a href="/help/pay.html">支付方式</a></dd>
            <dd><a href="/help/deliver.html">配送方式</a></dd>

        </dl>

        <dl class="foot_m5">
            <dt>关注我们</dt>

            <dd><a href="#"><img src="/images/shell/i1.jpg"  align="absmiddle"> 新浪微博</a></dd>
            <dd><a href="#"><img src="/images/shell/i2.jpg"  align="absmiddle"> 腾讯微博</a></dd>
            <dd><a href="#"><img src="/images/shell/i3.jpg"  align="absmiddle"> 人人网</a></dd>
            <dd><a href="#"><img src="/images/shell/i4.jpg"  align="absmiddle"> QQ空间</a></dd>
        </dl>

        <dl class="foot_m6">
            <dt>联系我们</dt>

            <dd><a href="http://care.live800.com/live800/chatClient/chatbox.jsp?companyID=85741" target="_blank"><img src="/images/shell/f1.jpg" ></a></dd>
        </dl>     
    </div>
</div>


</body>
</html>
<div id="tc_div_4"  class="tc_div" style="display:none;"> 
	<p class="close"><span onclick="hide('tc_div_4')"><img src="/images/shop/tc_x.jpg"></span></p> 
	<dl>
    	<dt><img src="/images/shop/tc_g.jpg" align="left"><h3>添加成功！</h3>购物车共有<a id= 'cartNum'>12</a>种宝贝</dt>
        <dd>
        	<a href="javascript:void(0);" onclick="hide('tc_div_4')"><img src="/images/shop/tc_01.jpg"></a>
            <a href="/shop/order.html"><img src="/images/shop/tc_02.jpg"></a>
        </dd>
 	</dl>
</div>
<SCRIPT src="/script/shop.js" type="text/javascript"></SCRIPT>

jquery实现购物车
Isabeldeng的博客
11-19 415
- <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>8-2 </title> <link rel="stylesheet" type="text/css" href="css/reset.css" /> <link rel="stylesheet" type="text/css" href="css/cart.cs
jQuery实现简易购物车
最新发布
syy的博客
10-18 509
jQuery实现简易购物车
jquery购物车
07-03
购物车的一些功能数量的增加总金额变化 删除购物车的内容
jQuery购物车
qq_62042780的博客
05-06 711
$(function() { //1.全选功能 //当我们点击这个全选按钮（checkall）的时候，要用全选按钮的状态设置三个商品里的按钮(j-checkbox)的状态 //可以使用change事件 $(‘.checkall’).change(function() { $(‘.j-checkbox,.checkall’).prop(“checked”, (this).prop("checked"));//2.背景色的添加与删除if((this).prop("checked")); //2.背景色的添加
jquery 购物车
weixin_45215376的博客
11-26 838
自己复习一下jquery，同时写了一个烂大街的素材 购物车 给大家分享下。 jquery jQuery对象是一个类数组的对象，含有连续的整形属性以及一系列的jQuery方法。它把所有的操作都包装在一个jQuery()函数中，形成了统一(也是惟一)的操作入口。 其中我们用的非常频繁的一个函数是$()或者说是jQuery()，当我们调用他的时候会根据传入的参数的不同而达到不同的效果。 1....
jQuery实现购物车
qq_52108058的博客
05-04 8270
文章目录前言一、购物车属性全选1.案例演示2.实现代码3.实现方法二、使用步骤1.引入库2.读入数据总结 前言 自己对index.html进行清楚的理解，清楚div包括的范围，class类名的写法，从而可以更容易写出js内容。 一、购物车属性全选 1.案例演示 当用户点击全选按钮的时候，把所有的商品复选框选中。 2.实现代码 $('.checkall').change(function(){ $('.j-checkbox, .checkall').prop("checked",$(this).
jQuery购物车商品数量加减合计特效代码
03-20
本文将详细解析"jQuery购物车商品数量加减合计特效代码"这一主题，探讨如何利用jQuery实现购物车功能中的动态交互效果。 首先，jQuery是一个强大的JavaScript库，它的API简洁易用，使得DOM操作、事件处理、动画效果...
jquery购物车前台模板
10-09
**jQuery购物车前端模板详解** 在网页开发中，购物车功能是电商网站不可或缺的一部分，而jQuery作为一款轻量级的JavaScript库，因其简洁的API和强大的功能，常被用于实现前端交互。本模板——"jQuery购物车前台模板...
jQuery购物车数量累计代码.zip
10-10
这个名为"jQuery购物车数量累计代码.zip"的压缩包包含了一段实现购物车商品数量累加功能的代码，这对于电子商务网站或者任何涉及到商品购买流程的网页来说都是至关重要的。在这个项目中，开发者可能已经创建了一个...
jQuery购物车商品数量加减合计代码.zip
09-26
《jQuery购物车商品数量加减合计代码》是一个实用的前端开发资源，主要涉及jQuery库的使用，以及在购物车场景中的应用。这个压缩包包含了实现该功能所需的所有基本元素，包括HTML页面结构、JavaScript逻辑、图像资源...
jquery购物车完整编译.rar
06-03
《jQuery购物车实现详解》 在电子商务网站中，购物车是不可或缺的一部分，它承载着用户选购的商品信息，方便用户管理购买清单。本教程将详细解析一个基于jQuery编写的购物车实现，通过理解这个实例，我们可以深入...
jquery做的购物车(效果非常好)
10-26
jquery做的购物车，效果不错，分享一下，希望对各位有用
jquery购物车代码（3种）
02-29
3种jquery实现的购物车页面。包括商品拖动到购物车，.net实现的xml格式！
Jquery 实现购物车
分享我的点点滴滴，在成长路上与你同行！
09-23 3717
购物车需求： 1、 当全选选中时，所有商品的小复选框的选中状态跟按下的全选按钮保持一致； 2、 当选中商品时，添加背景颜色；如果所有商品都被选中，就让全选按钮为选中状态； 3、 可以点击 +或 - 来增加或减少商品数量，也可以直接在文本框修改数量，数量修改之后的小计也会相应改变； 4、 可以进行删除单个商品、和选中商品以及清空购物车； 5、 进行操作时，下面的已选商品件数以及总额也会有相应变化； 默认： 全选和改变数量效果 删除选中的商品 删除之后的效果 JS...
jQuery实现购物车模块
m0_71935363的博客
11-27 784
基本实现了购物车80%功能
jquery实现购物车功能
前端小菜鸡的博客
02-25 3349
用jquery写了一个简易版的购物车，没有店铺，也请忽略这粗糙的样式… 效果如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initia
jQuery实现简单购物车功能
m0_57202083的博客
09-01 2975
<!DOCTYPE html> <html> <head> <title>购物车</title> <meta charset="utf-8" /> <style type="text/css"> h1 { text-align:center; } table { margin:0 auto; width:6...
jQuery 购物车模块
weixin_58017233的博客
07-09 885
参考pink老师 jQuery 购物车
使用jQuery实现简单的购物车功能
weixin_45730094的博客
05-11 2159
JavaScript jQuery 购物车
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值