HTML jQuery 計算器

簡單易用的計算器，可以執行基本的加、減、乘、除運算。

$(document).ready(function(){
$("#add").click(function(){
var num1 = parseFloat($("#num1").val());
var num2 = parseFloat($("#num2").val());
var result = num1 + num2;
$("#result").text("計算結果：" + result);
});
$("#sub").click(function(){
var num1 = parseFloat($("#num1").val());
var num2 = parseFloat($("#num2").val());
var result = num1 - num2;
$("#result").text("計算結果：" + result);
});
$("#mul").click(function(){
var num1 = parseFloat($("#num1").val());
var num2 = parseFloat($("#num2").val());
var result = num1 * num2;
$("#result").text("計算結果：" + result);
});
$("#div").click(function(){
var num1 = parseFloat($("#num1").val());
var num2 = parseFloat($("#num2").val());
var result = num1 / num2;
$("#result").text("計算結果：" + result);
});
});

上面是一段HTML和jQuery代碼，實現了一個簡單的計算器。首先在head標簽中引入了jQuery的庫文件。在body標簽中，我們建立了一個表單表格，其中有兩個文本框和四個按鈕。當用戶點擊“加”、“減”、“乘”、“除”按鈕時，會分別執行相應的加、減、乘、除運算，并將計算結果顯示在id為result的段落中。

在jQuery中，我們首先要使用document.ready()方法，表示在文檔準備好之后才執行內部的代碼。然后使用.click()方法，當指定的元素被點擊時，執行函數中的代碼。
在函數中，我們先通過parseFloat()方法將輸入的字符轉換為數字，獲取num1和num2兩個參數。然后根據按鈕不同的功能，執行相應的運算操作，并將結果顯示在段落中。