利用jQuery实现购物车功能

最新推荐文章于 2023-10-18 20:27:02 发布

荒--

最新推荐文章于 2023-10-18 20:27:02 发布

阅读量2.1w

点赞数 3

分类专栏： jQuery

本文链接：https://blog.csdn.net/wangqing84411433/article/details/70860008

版权

jQuery 专栏收录该内容

26 篇文章 44 订阅 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

<!DOCTYPE html>
<html>
  <head>
    <title>购物车----jQuery</title>
    <meta charset="utf-8" />
    <style type="text/css">
      h1 {
        text-align:center;
      }
      table {
        margin:0 auto;
        width:60%;
        border:2px solid #aaa;
        border-collapse:collapse;
      }
      table th, table td {
        border:2px solid #aaa;
        padding:5px;
      }
      th {
        background-color:#eee;
      }
    </style>
    <script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
    <script type="text/javascript">
      function add_shoppingcart(btn){//将btn(dom)转换为jQuery对象
    	//先获取商品名字和单价还有库存以备后面使用
    	var $tds = $(btn).parent().siblings();
        //$tds.eq(0)是jQuery对象  $tds[0]是DOM对象
    	var name = $tds.eq(0).html();//string
    	var price = $tds.eq(1).html();//string
    	var

了解本专栏

超级会员免费看

荒--

关注

3
点赞
踩
21

收藏

觉得还不错? 一键收藏
打赏
0
评论
利用jQuery实现购物车功能

购物车----jQuery h1 { text-align:center; } table { margin:0 auto; width:60%; border:2px solid #aaa; border-collapse:collapse; }
复制链接

扫一扫