在Web開發中，很多時候需要使用計算器來實現簡單的數學運算。使用jQuery可以很方便地實現這個功能，下面我們就來看看如何使用jQuery來編寫一個簡易的計算器。
<html>
<head>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<input id="num1" type="text" placeholder="請輸入數值1">
<input id="num2" type="text" placeholder="請輸入數值2">
<button id="add">+</button>
<button id="subtract">-</button>
<button id="multiply">*</button>
<button id="divide">/</button>
<p id="result"></p>
<script>
$(document).ready(function(){
$('#add').click(function(){
var num1=parseInt($('#num1').val()); //獲取輸入框中的數值1
var num2=parseInt($('#num2').val()); //獲取輸入框中的數值2
var result=num1+num2; //計算結果
$('#result').html("計算結果是："+result); //在頁面上輸出結果
});
$('#subtract').click(function(){
var num1=parseInt($('#num1').val());
var num2=parseInt($('#num2').val());
var result=num1-num2;
$('#result').html("計算結果是："+result);
});
$('#multiply').click(function(){
var num1=parseInt($('#num1').val());
var num2=parseInt($('#num2').val());
var result=num1*num2;
$('#result').html("計算結果是："+result);
});
$('#divide').click(function(){
var num1=parseInt($('#num1').val());
var num2=parseInt($('#num2').val());
var result=num1/num2;
$('#result').html("計算結果是："+result);
});
});
</script>
</body>
</html>上述代碼中，我們使用jQuery綁定了四個按鈕的點擊事件，并且獲取了輸入框中的數值進行計算，并輸出結果。這是一個很簡單的計算器，但可以看出使用jQuery可以極大地簡化代碼，提高開發效率。