用jQuery来写购物车小项目--

最新推荐文章于 2023-05-25 16:53:38 发布

雪蛋不是蛋(^_−)☆

最新推荐文章于 2023-05-25 16:53:38 发布

阅读量155

点赞数 1

分类专栏： web前端小可爱文章标签： html jquery css

本文链接：https://blog.csdn.net/qq_46291038/article/details/119951328

版权

本文通过HTML和jQuery展示了如何创建一个简单的购物车项目。详细介绍了HTML结构、jQuery操作及最终实现的效果。

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

HTML源码：

<!DOCTYPE html>
<html>
  <head>
    <title>购物车</title>
    <meta charset="utf-8" />
    <style type="text/css">
      h1 {
        text-align:center;
        color: rgb(0, 0, 0); 
      
        
      }
      table {
        margin:0 auto;
        width:60%;
        border:2px solid rgb(231, 230, 230);
        border-collapse:collapse;
      }
      table th, table td {
        border:2px solid #aaa;
        padding:5px;
      }
      th {
        background-color:cadetblue;
      }
  
    </style>
    <script src="js/jquery-3.2.1.min.js"></script>
    <script src="gwc-ds(1).js" ></script>
   
  </head>
  <body background="/lib/22.jpg">
    <h1>清 仓 大 甩 卖！</h1>
    <table >
      <thead>
      <tr>
        <th>商品</th>
        <th>单价(元)</th>
        <th>颜色</th>
        <th>库存</th>
        <th>好评率</th>
        <th>操作</th>
      </tr> 
    </thead>
      <tbody id="upGoods">  
      <tr>
        <td>罗技M185鼠标</td>
        <td>80</td>
        <td>黑色</td>
        <td>893</td>
        <td>98%</td>
        <td align='center'>
          <input type='button' value='加入购物车' onclick='add_shoppingcart(this)'/>
        </td>
      </tr>
      <tr>
        <td>微软X470键盘</td>
        <td>150</td>
        <td>黑色</td>
        <td>9028</td>
        <td>96%</td>
        <td align="center">
          <input type="button" value="加入购物车" onclick="add_shoppingcart(this);"/>
        </td>
      </tr>
      <tr>
        <td>洛克iphone6手机壳</td>
        <td>60</td>
        <td>透明</td>
        <td>672</td>
        <td>99%</td>
        <td align="center">
          <input type="button" value="加入购物

最低0.47元/天解锁文章

雪蛋不是蛋(^_−)☆

关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
用jQuery来写购物车小项目--

HTML源码：<!DOCTYPE html><html> <head> <title>购物车</title> <meta charset="utf-8" /> <style type="text/css"> h1 { text-align:center; color: rgb(0, 0, 0); }
复制链接

扫一扫