jQuery購物車和收藏功能是現(xiàn)代電子商務(wù)網(wǎng)站中必不可少的功能之一。它們可以幫助用戶輕松管理自己的購物車和收藏商品，提高購物體驗(yàn)。

以下是一個簡單的jQuery購物車代碼，它使用localStorage來保存商品信息，減少了對服務(wù)器的請求，同時保證了用戶的購物車信息不會在關(guān)閉頁面后消失：

$(document).ready(function() {
// 初始化購物車數(shù)量
if(localStorage.getItem('cartCount')) {
$('#cart-count').text(localStorage.getItem('cartCount'));
}
// 點(diǎn)擊添加購物車按鈕
$('.add-to-cart-btn').click(function() {
var itemName = $(this).closest('.item').data('name');
var itemPrice = $(this).closest('.item').data('price');
// 判斷l(xiāng)ocalStorage中是否已經(jīng)存在該商品
if(localStorage.getItem(itemName)) {
var itemData = JSON.parse(localStorage.getItem(itemName));
itemData.qty++;
localStorage.setItem(itemName, JSON.stringify(itemData));
} else {
var itemData = {
name: itemName,
price: itemPrice,
qty: 1
};
localStorage.setItem(itemName, JSON.stringify(itemData));
}
// 更新購物車數(shù)量
var cartCount = parseInt(localStorage.getItem('cartCount')) || 0;
cartCount++;
localStorage.setItem('cartCount', cartCount);
$('#cart-count').text(cartCount);
});
});

接下來是一個簡單的jQuery收藏功能代碼，它使用cookie來保存用戶收藏的商品信息：

$(document).ready(function() {
// 初始化收藏按鈕狀態(tài)
$('.add-to-fav-btn').each(function() {
var itemName = $(this).closest('.item').data('name');
if($.cookie(itemName)) {
$(this).addClass('active');
}
});
// 點(diǎn)擊收藏按鈕
$('.add-to-fav-btn').click(function() {
var itemName = $(this).closest('.item').data('name');
if($(this).hasClass('active')) {
$(this).removeClass('active');
$.removeCookie(itemName);
} else {
$(this).addClass('active');
$.cookie(itemName, true);
}
});
});

以上兩段代碼只是簡單的示例，實(shí)際項(xiàng)目中需要針對具體需求進(jìn)行適當(dāng)修改和完善。