jQuery的加法运算

 jQuery的加法运算.

加法运算 ?想必大家听到这都会不屑了,加法运算这是多么简单的运算。然而有的时候在jQuery也让人挺头疼的。

常规的是:

 

var num1 = 123; var num2=123; var total = num1+num2;

这个想必大家一看都知道结果了246,没错结果是这个。

那如果这样:

 

<input type="text" id="txt1" value="123" /> <input type="text" id="txt2" value="123" /> var num1= $("#txt1").val(); var num2 = $("#txt2").val() var total = num1+num2;

这个结果呢,246? 而结果是123123,此时jQuery将其认为是字符串的相加。如何获取自己所要的值?

一开始想到的是将num1和num2转换为值类型,可这方法太麻烦也未必可行,所以就放弃了。

有一种更简单的方法:

var total = num1*1+num2*1;

此时,结果就是246了

转载于:https://my.oschina.net/u/3049580/blog/793537

jQuery是一种流行的JavaScript库,提供了许多实用的功能和操作DOM(文档对象模型)的便捷方式。虽然它不是一个完整的编程语言,但它可以用来实现简单的四则运算。 首先,您需要创建一个基本的HTML页面,其包含一个表单,它包含两个文本框和四个按钮(加号,减号,乘号,除号)。您应该在页面包含jQuery库,这可以通过将以下代码添加到HTML文件来实现: ```html <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> ``` 然后,您需要为每个按钮添加点击事件处理程序。这些处理程序将从文本框获取值并对它们执行所需的计算。例如,以下代码演示如何添加两个数字的加法: ```javascript $(document).ready(function() { $('#add').click(function() { var num1 = parseFloat($('#num1').val()); var num2 = parseFloat($('#num2').val()); var result = num1 + num2; $('#result').text(result); }); }); ``` 这个代码块会在页面加载完成后运行,并使用jQuery选择器来找到id为“add”的按钮。当该按钮被点击时,它会获取id为“num1”和“num2”的文本框的值,并使用parseFloat函数将其转换为数字。然后,它将这两个数字加起来,并将结果显示在id为“result”的元素。 您可以按照相同的协议创建处理器来执行减法,乘法和除法,但是要注意检查您的输入以避免在除以零时发生错误。 这只是一个jQuery实现简单的四则运算的例子。当然,随着需求的增加和复杂性的增强,需要用到更多的代码和技巧。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值