两周的时间教会我，要低头做人（jQuery实现京东购物车）

最新推荐文章于 2024-10-04 21:26:09 发布

遅咲きの向日葵

最新推荐文章于 2024-10-04 21:26:09 发布

阅读量135

点赞数 1

分类专栏：网页你好，我是小白；文章标签： js css html jquery

本文链接：https://blog.csdn.net/yhh924snoopy/article/details/110913986

版权

博主用两周时间学习了HTML、CSS和JavaScript，并最终通过jQuery实现了京东购物车功能。过程中经历了从兴奋到抓狂的情绪变化，认识到前端开发并不简单。本文分享了购物车的实现，希望对读者有所帮助。

摘要由CSDN通过智能技术生成

漫长的两周从HTML到css再到JavaScript最后jQuery；从刚开始的欢喜，激动，兴奋；
到最后的抓狂！本以为前段很简单，那全是扯淡；真的不容易！
废话不多说了今天最后一份，京东购物车的实现；希望能帮到你！
这次还挺给力，以前图片怎么上传都是失败；

HTML文件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!--引入样式-->
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		
		<link rel="stylesheet" type="text/css" href="css/jd.css"/>
		
		<link rel="stylesheet" type="text/css" href="icon/iconfont.css"/>
		<script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
		
		<script type="text/javascript" src="js/jd.js"></script>
	</head>
	<body >
		<!--导航栏开始-->
		<div class="nav">
			
			<div class="fir">
				<ul class="nav_ul1">
					<li>
						<i class="iconfont">&#xe644;</i>
						<a href="https://global.jd.com/">京东首页</a>
					</li>
					<li>
						<i class="iconfont">&#xe62a;</i>
						<select>
							
							<option>海外</option>
							<option>港澳</option>
							<option>大陆</option>
						</select>
					</li>
				</ul>
				
				
				<ul class="nav_ul2">
					<li>
						<a href="https://order.jd.com/center/list.action">我的订单</a>
						
					</li>
					<li>
						<span>|</span>
						<a href="https://home.jd.com/">我的京东</a>
						
					</li>
					<li>
						<span>|</span>
						<a href="https://vip.jd.com/">京东会员</a>
						
					</li>
					<li>
						<span>|</span>
						<a href="https://b.jd.com/">企业采购</a>
						
					</li>
					<li>
						<span>|</span>
						<select>
							<option>客户服务</option>
							<option>客户</option>
							<option>商户</option>
							
						</select>
						
					</li>
					<li>
						<span>|</span>
						<select>
							<option>网站导航</option>
							<option>特殊主题</option>
							<option>行业频道</option>
							<option>生活服务</option>
							<option>更多精彩</option>
						</select>
						
					</li>
					<li>
						<span>|</span>
						<a href="https://app.jd.com/">手机京东</a></li>
					
				</ul>
				
			</div>
			
			
		</div>
		<!--导航栏结束-->
		<!--搜索框开始-->
		<div class="search">
			<div class="fir">
				
				<img src="img/jdlogo-201708-@1x.png"/>
				
				<div class="search_div">
				
				<input type="text" class="search_text"/>
				<button class="search_bt">搜索</button>
			</div>
			
			</div>		
			
		</div>
		
		<!--搜索框结束-->
		
		<!--标题栏开始-->
		<div class="title fir">		
			
				<h3>全部商品</h3>