以下是一个使用jQuery来求和值的示例代码:
<!DOCTYPE html>
<html>
<head>
<title>使用jQuery求和值</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<h1>使用jQuery求和值</h1>
<p>请输入要相加的数字:</p>
<input type="text" id="number1">
<input type="text" id="number2">
<button id="sumButton">求和</button>
<p id="result"></p>
<script>
$(document).ready(function() {
$("#sumButton").click(function() {
var num1 = parseInt($("#number1").val());
var num2 = parseInt($("#number2").val());
var sum = num1 + num2;
$("#result").text("结果是: " + sum);
});
});
</script>
</body>
</html>
在上面的示例中，我们首先引入了jQuery库。然后创建了两个输入框和一个按钮，用户可以在输入框中输入数字，点击按钮后求和结果将显示在一个段落元素中。
在JavaScript部分，我们使用了$(document).ready()方法来确保文档加载完毕后再执行代码。在按钮的点击事件处理函数中，我们使用$("#number1").val()和$("#number2").val()方法获取输入框中的值，并使用parseInt()方法将其转换为整数。然后将两个数相加得到求和结果，最后使用$("#result").text()方法将结果显示在段落元素中。
请注意，由于使用了jQuery库，需要在HTML中引入jQuery的CDN或本地文件。在上面的示例中，我们使用了jQuery的CDN链接。如果你想使用本地文件，请将<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>替换为指向本地文件的路径。
社区干货
特惠活动
喜欢使用jQuery求和值-优选内容
喜欢使用jQuery求和值-相关内容