在網頁開發中，計算商品價格是一項非常常見的任務。jquery是一種常用的JavaScript庫，可以大大簡化這個過程。在使用jquery計算商品價格時，我們可以采用以下步驟：

// 獲取商品價格和數量的輸入框
var priceInput = $('#price');
var quantityInput = $('#quantity');
// 根據輸入框中的值計算總價
var price = parseFloat(priceInput.val());
var quantity = parseInt(quantityInput.val());
var totalPrice = price * quantity;
// 將計算出的總價放入頁面中指定的位置
$('#totalPrice').text(totalPrice.toFixed(2));

首先，我們需要使用jquery選擇器獲取頁面中的商品價格和數量輸入框。這里我們通過id選擇器獲取了id分別為“price”和“quantity”的輸入框。

然后，我們分別獲取這些輸入框中的數值，并使用parseFloat和parseInt函數將它們轉化為浮點數和整數。接著，我們將這些值相乘，得到計算出來的總價。

最后，我們將計算出的總價放入頁面中指定的位置。這里我們使用jquery選擇器獲取了id為“totalPrice”的元素，并將計算出的價格格式化為小數點后兩位，通過.text()方法將它放入這個元素中。

通過以上步驟，我們就成功地使用jquery計算了商品價格，并將計算結果顯示在頁面上。這種方法簡單易用，可以大大提高網頁開發效率。