Products
GG网络技术分享 2025-03-18 16:17 1
jQuery是一个非常流行的前端JavaScript库，它为我们提供了很多便捷的API，可以大大简化前端开发的工作。今天我们将使用jQuery来创建一个简单的计算器。
<html>
<head>
<script src=\"https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js\"></script>
</head>
<body>
<input type=\"text\" id=\"num1\">
<select id=\"operator\">
<option value=\"+\">+</option>
<option value=\"-\">-</option>
<option value=\"*\">*</option>
<option value=\"/\">/</option>
</select>
<input type=\"text\" id=\"num2\">
<button id=\"calculate\">Calculate</button>
<p id=\"result\"></p>
</body>
<script>
$(document).ready(function(){
$(\"#calculate\").click(function(){
var num1 = parseFloat($(\"#num1\").val());
var num2 = parseFloat($(\"#num2\").val());
var operator = $(\"#operator\").val();
var result;
switch(operator){
case \"+\":
result = num1 + num2;
break;
case \"-\":
result = num1 - num2;
break;
case \"*\":
result = num1 * num2;
break;
case \"/\":
result = num1 / num2;
break;
}
$(\"#result\").text(\"计算结果为：\" + result);
});
});
</script>
</html>Demand feedback
