jQuery是一種流行的JavaScript庫，它可以使Web開發更加方便、高效和簡單。其中一個強大的功能是輸入數據計算。在這篇文章中，我們將學習如何使用jQuery將用戶的輸入數據計算并顯示結果。

首先，我們需要為輸入框和計算按鈕設置ID，以便通過jQuery選擇它們。在以下示例代碼中，我們將輸入框和計算按鈕的ID設置為“input”和“calculate”：

<input id="input" type="text">
<button id="calculate">Calculate</button>

接下來，我們需要編寫jQuery代碼來獲取輸入框中的值，并計算結果。以下是示例代碼：

$(document).ready(function() {
$("#calculate").click(function() {
var inputValue = $("#input").val();
var result = inputValue * 2; //計算輸入數據的結果
$("#result").text(result);  //將結果顯示在頁面上
});
});

在上述代碼中，我們使用了jQuery的“ready”函數來確保頁面完全加載后再執行腳本。然后，我們使用“click”函數將計算按鈕與處理函數相關聯。處理函數將輸入框中的值乘以2，并將結果存儲在“result”變量中。最后，我們使用jQuery的“text”函數將結果顯示在頁面上。

在最后一步中，我們需要添加一個元素來顯示計算結果。以下是示例代碼：

<p>輸入數據的結果是：<span id="result"></span></p>

在這個HTML代碼中，我們使用了“p”標簽來創建一個段落，并使用“span”標簽來顯示計算結果。我們為“span”元素定義了一個ID，以便我們可以使用jQuery選擇它。

到此為止，我們已經學習了如何使用jQuery計算輸入數據的結果。我們可以使用各種數學運算，例如加法、減法和除法等。