jQuery計算器是一個用于執行基本算術運算的簡單工具，比如加法、減法、乘法和除法等。使用jQuery計算器可以簡化繁瑣的手工計算和減輕工作壓力。那么，如何制作一個jQuery計算器呢？以下就是具體的實現步驟。
$(document).ready(function() {
var num1, num2, operator, result;
//默認初始值為0
$('input').val('0');
$('input:button').click(function() {
//獲取按鍵的值
var value = $(this).val();
switch (value) {
case '+':
case '-':
case '*':
case '/':
//保存第一個數和運算符
operator = value;
num1 = $('input').val();
$('input').val('0');
break;
case '=':
//進行計算
num2 = $('input').val();
switch (operator) {
case '+':
result = parseFloat(num1) + parseFloat(num2);
break;
case '-':
result = parseFloat(num1) - parseFloat(num2);
break;
case '*':
result = parseFloat(num1) * parseFloat(num2);
break;
case '/':
result = parseFloat(num1) / parseFloat(num2);
break;
}
$('input').val(result);
break;
case 'C':
//清除輸入框內容和保存的值
$('input').val('0');
num1 = '';
num2 = '';
operator = '';
break;
default:
//數字輸入
if ($('input').val() == '0') {
$('input').val(value);
} else {
$('input').val($('input').val() + value);
}
}
});
});首先，在<head>標簽中引入jQuery庫，因為要用到jQuery的選擇器和事件。然后，定義一個變量用于保存第一個數、運算符和第二個數，以及計算結果。接著，在$(document).ready里邊，將輸入框默認值設置為0，然后綁定所有按鈕的click事件。
在click事件中，首先獲取按鈕的值。如果是加、減、乘、除符號，則將輸入框里面的數值保存到第一個數變量num1中，把輸入框清空，并把運算符保存到運算符變量operator中。
如果是等于號，那么獲取輸入框里面的第二個數字num2，并根據運算符operator進行相應的計算，最后將結果保存到變量result中，并顯示在輸入框里面。
如果是清除鍵，那么將輸入框清空并將所有變量都設為初始值。
如果是數字鍵，則將數字附加到輸入框里面，如果輸入框里面原來是0，則替換為當前輸入的數字。
以上就是制作jQuery計算器的詳細步驟，希望可以對想要制作jQuery計算器的人有所幫助。
下一篇jquery觸摸屏庫