在網頁設計中，購物車是非常重要且必不可少的，如果沒有購物車，用戶無法實現添加購物品、查看、修改、下單等操作。本文將為大家介紹用jQuery實現購物車添加物品的功能。

$(document).ready(function(){
// 為加入購物車按鈕添加點擊事件
$(".add-to-cart-btn").click(function(){
// 獲取商品信息
var id = $(this).data("id");
var name = $(this).data("name");
var price = $(this).data("price");
var quantity = $(this).siblings(".quantity-input").val();
// 創建新的購物車物品
var cartItem = {"id": id, "name": name, "price": price, "quantity": quantity};
// 將新的購物車物品添加到本地存儲中
var cart = JSON.parse(localStorage.getItem("cart")) || [];
cart.push(cartItem);
localStorage.setItem("cart", JSON.stringify(cart));
// 更新購物車數量顯示
updateCartCount();
});
// 更新購物車數量顯示
function updateCartCount(){
var cart = JSON.parse(localStorage.getItem("cart")) || [];
var count = cart.length;
$(".cart-count").text(count);
}
});

以上代碼實現了以下功能：

1.為加入購物車按鈕添加點擊事件：通過jQuery選擇器獲取加入購物車按鈕的DOM元素，為其添加點擊事件。

2.獲取商品信息：通過data屬性獲取商品的id、name、price和quantity。

3.創建新的購物車物品：將獲取到的商品信息組成一個新的購物車物品對象。

4.將新的購物車物品添加到本地存儲中：通過localStorage將新的購物車物品添加到本地存儲中。

5.更新購物車數量顯示：通過localStorage獲取購物車中物品的數量，更新購物車數量的顯示。

在以上代碼的基礎上，我們可以進一步完善購物車的功能，比如：顯示購物車中所有物品的列表、增加、刪除、修改購物車中物品的數量和價格等功能。