jQuery制作仿京东商城-商品列表商品筛选功能

最新推荐文章于 2020-05-28 10:24:00 发布

终身成长型

最新推荐文章于 2020-05-28 10:24:00 发布

阅读量960

点赞数

分类专栏：前端开发文章标签： jquery

本文链接：https://blog.csdn.net/weixin_45675581/article/details/102330587

版权

该博客介绍了如何利用jQuery来创建一个类似京东商城的商品列表筛选功能，包括HTML和CSS的实现细节，并提供了配套的视频教程链接。

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

这次使用jquery来实现一个仿京东商城-商品列表商品筛选的功能
一、html代码

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>

<div class='container'>
	<div class='filter'>
		<span>已选条件：</span>
		<div class='itme'>
			<!-- <a>
				×  <span>惠普</span>
			</a> -->
		</div>
	</div>
	<div class='store'>
		<dl>
			<dt>品牌：</dt>
			<dd><div><a>全部</a></div></dd>
			<dd><div><a>惠普(hp)</a></div></dd>
			<dd><div><a>联想(Lenovo)</a></div></dd>
			<dd><div><a>联想(ThinkPad)</a></div></dd>
			<dd><div><a>宏基(acer)</a></div></dd>
			<dd><div><a>华硕</a></div></dd>
			<dd><div><a>戴尔</a></div></dd>
			<dd><div><a>三星</a></div></dd>
			<dd><div><a>索尼</a></div></dd>
			<dd><div><