在網上購物已經逐漸成為人們的日常消費方式，同時網上商城也提供了很多方便快捷的購物車結算功能。而這個功能實現的基礎就是jQuery，通過jQuery的DOM操作和事件觸發，可以輕松實現購物車結算的功能。

// 點擊添加購物車按鈕
$("button.add-to-cart").on("click", function(){
// 獲取商品信息
var productName = $(this).data("name");
var productPrice = $(this).data("price");
// 創建新的購物車商品對象
var newItem = {
name: productName,
price: productPrice,
quantity: 1
}
// 如果購物車已經有該商品，則將數量累加
var itemIndex = -1;
for(var i = 0; i < cart.length; i++){
if(cart[i].name === productName){
cart[i].quantity++;
itemIndex = i;
break;
}
}
// 如果沒有該商品，則添加
if(itemIndex === -1){
cart.push(newItem);
}
// 更新購物車
updateCart();
});
// 更新購物車
function updateCart(){
var total = 0;
var items = "";
for(var i = 0; i < cart.length; i++){
total += cart[i].price * cart[i].quantity;
items += "<tr><td>" + cart[i].name + "</td><td>" + cart[i].price + "</td><td>" + cart[i].quantity + "</td></tr>";
}
items += "<tr><td colspan='2'>總計：</td><td>" + total + "</td></tr>";
$("#cart-items").html(items);
}

以上是一個簡單的購物車結算案例，它包含了添加商品、累加數量、計算總價、更新購物車等重要功能。通過DOM操作和事件觸發，我們可以使得頁面擁有更好的交互性和用戶體驗。