这篇博客介绍了如何使用jQuery创建一个简单的小型计算器。首先，博主展示了在浏览器中展示的计算器样式，并通过HTML设置元素和value属性。接着，博主详细解释了如何引入jQuery库，然后利用jQuery选择器获取按钮和输入值，将这些值赋给变量。进一步，通过if语句判断运算符，进行加减乘除操作，并特别提到除法时需检查除数不为零。最后，博主阐述了如何处理运算结果并将其显示在文本框中。
在浏览器中显示的样式：
第一步：
写入html元素
为jQuery获取操作设置好相应的value值 与Id。
第二步：
用jQuery操作前首先要记得在操作script标签前先插入jQuery插件（此为3.2.1版本）
通过jQuery的方法获取到button的按钮，给它绑定一个点击事件。
用jQuery的方式通过Id匹配再获取到各个input的value值赋值给新声明的变量。
接着用 if语句判断two（select.value赋值的自定义声明变量）里value值是否是计算对应的加减乘除。
此处做到除数符号的时候记得要再给被除数一个判断，根据除法运算中的定律，被除数不能为零。
one与three运算结果的值通过声明的result值接收，最后通过value值载入最后的文本框中 (做运算的值要转化为整数数据类型parseFloat)；
扫一扫
595
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
