如果你在開發(fā)一個商城網(wǎng)站，那么購物車是一個必不可少的功能。而對于前端開發(fā)，使用jQuery插件jquery.cookie可以很方便地實現(xiàn)購物車的功能。

//設(shè)置cookie
$.cookie('cart', 'apple', { expires: 7 });
//獲取cookie
var cart = $.cookie('cart');
//刪除cookie
$.removeCookie('cart');

以上是jquery.cookie的基本用法。實現(xiàn)購物車功能也是類似的，只需要將商品信息以對象形式存入cookie中，然后在購物車頁面獲取并顯示即可。

//添加商品信息到購物車
var product = {
name: '橙子',
price: 3.5,
quantity: 2
};
var cart = $.cookie('cart');
//如果購物車為空，則新建一個數(shù)組用于存放商品信息
if (!cart) {
cart = [];
} else {
cart = JSON.parse(cart);
}
//將商品信息存入購物車數(shù)組
cart.push(product);
//將購物車信息存入cookie
$.cookie('cart', JSON.stringify(cart), { expires: 7 });
//獲取購物車信息并顯示在購物車頁面
var cart = $.cookie('cart');
if (cart) {
cart = JSON.parse(cart);
for (var i = 0; i< cart.length; i++) {
var item = cart[i];
var html = '';
html += '' + item.name + '';
html += '' + item.price + '';
html += '' + item.quantity + '';
html += '';
$('table').append(html);
}
}

通過以上代碼，我們可以很輕松地實現(xiàn)一個購物車功能。jquery.cookie可以存儲字符串、數(shù)字、對象、數(shù)組等數(shù)據(jù)類型，因此在開發(fā)時可以更靈活地應用。