闲来无事写一个jquery计算器，没有进行封装......
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>jquery计算器http://www.cnblogs.com/boyzi/</title>
<script src="js/jquery-1.8.2.min.js"></script> </head>
<body>
<div><input type="text" id="numText" /></div>
<div>
<input type="button" value='0' class="num0 num numSZ" />
<input type="button" value='1' class="num1 num numSZ" />
<input type="button" value='2' class="num2 num numSZ" />
<input type="button" value='3' class="num3 num numSZ" />
<input type="button" value='4' class="num4 num numSZ" />
<input type="button" value='5' class="num5 num numSZ" />
<input type="button" value='6' class="num6 num numSZ" />
<input type="button" value='7' class="num7 num numSZ" />
<input type="button" value='8' class="num8 num numSZ" />
<input type="button" value='9' class="num9 num numSZ" />
<input type="button" value='.' class="numP num numSZ" />
</div>
<div>
<input type="button" value='+' class="numJA numYS num" />
<input type="button" value='-' class="numJian numYS num" />
<input type="button" value='*' class="numCh numYS num" />
<input type="button" value='/' class="numChu numYS num" />
<input type="button" value='=' class="numEq num" />
<input type="button" value='C' class="numClear num" />
</div>
</body>
<script type="text/javascript">
$(function(){
$(".numYS").click(function(){//运算符操作
setFh($(this).val());
}); $(".numEq").click(function(){//运算符操作
setFh("");
}); $(".numClear").click(function(){
$("#numText").val(0)
})
$(".numSZ").click(function(){//单击数字执行方法
var nowVal=$("#numText").val();
if(nowVal>0){
if(nowVal.indexOf(".")!=-1&&$(this).val()=="."){nowVal=nowVal;}
else{nowVal=nowVal+""+$(this).val()+"";}
}
else{
if(nowVal==null||nowVal==""){
if($(this).val()=="."){nowVal=0;}
else if(nowVal==0){
if($(this).val()==0){nowVal=0;}
else{nowVal=$(this).val();}
}
}
else{ if(nowVal==0&&$(this).val()=="0"&&nowVal.indexOf(".")==-1){nowVal=0;}
else{
if($(this).val()=="."&&nowVal.indexOf(".")!=-1){
if(setFh("hasPat")[1].indexOf(".")!=-1){nowVal=nowVal;}
else{
if(setFh("hasPat")[1]==""||setFh("hasPat")[1]==null){nowVal=nowVal+"0.";}
else{nowVal=nowVal+$(this).val();}
}
}
else{
if(nowVal==0&&$(this).val()!="."){
if(nowVal.indexOf(".")!=-1){nowVal="0."+$(this).val();}
else{nowVal=$(this).val();}
}
else{ if(setFh("hasPat")[1].indexOf(".")!=-1){
nowVal=nowVal+""+$(this).val()+"";
}
else{
if(setFh("hasPat")[1]>0){nowVal=nowVal+""+$(this).val()+"";}
else{
if(setFh("hasPat")[1].indexOf("0")!=-1){
if($(this).val()==0){nowVal=nowVal;}
else{
if(setFh("hasPat")[1]==0&&$(this).val()!="."){
nowVal=setFh("hasPat")[0]+setFh("Fh")+$(this).val();
}
else{
nowVal=nowVal+"0.";
} }
}
else{
if($(this).val()!="."){
nowVal=nowVal+""+$(this).val()+"";
}
else{nowVal=nowVal+"0."}
}
}
}
}
}
}
}
}
$("#numText").val(nowVal)
}); function setYs(strFh,thisVal){//输入=运算符方法
var nowVal=$("#numText").val();
var str=nowVal.split(strFh); var strEnd=str[1]; if(strEnd==null||strEnd==""){
$("#numText").val(str[0]+""+thisVal+"");
}
else{
$("#numText").val(eval(str[0]+strFh+str[1])+""+thisVal+"");
}
} function setFh(tVal){//输入运算符方法
var nowVal=$("#numText").val();
var strFh="";
var returnStr="11";
if(nowVal>=0){
if(tVal!='hasPat'){
if(nowVal.indexOf(".")!=-1){
var nstr=nowVal.split(".");
if(nstr[1]>0){$("#numText").val(nowVal+""+tVal+"");}
else{$("#numText").val(nstr[0]+""+tVal+"");}
}
else if(tVal!="Fh"){$("#numText").val(nowVal+""+tVal+"");}
}
} else{
if(nowVal.indexOf("+")!=-1){strFh='+';}
else if(nowVal.indexOf("-")!=-1){strFh='-';}
else if(nowVal.indexOf("*")!=-1){strFh='*';}
else if(nowVal.indexOf("/")!=-1){strFh='/';}
var strArr1=nowVal.split(strFh);
if(tVal=='hasPat'){returnStr=strArr1;}
else{
if(tVal=="Fh"){returnStr=strFh;}
else{setYs(strFh,tVal);}
}
} return returnStr;
}
});
</script>
</html>
闲来无事写一个jquery计算器，没有进行封装......的更多相关文章
- 如何写一个jquery插件
本文总结整理一下如何写一个jquery插件?虽然现今各种mvvm框架异常火爆,但是jquery这个陪伴我们成长,给我们带来很多帮助的优秀的库不应该被我们抛弃,写此文章,作为对以往欠下的笔记的补充, ...
- 自己写一个 jQuery 插件
我知道这一天终将会到来,现在,它来了. 需求 开发 SharePoint 的 CSOM 应用时,经常需要在网页上输出一些信息. 这种需求和 alert 的弹窗.F12 的断点查看信息的场景是不一样的: ...
- 如何使用jQuery写一个jQuery插件
jQuery插件其实是前端框架的思维,构成一个框架,个人认为必须满足以下几个基础条件:1. 可重用,2. 兼容性,3. 维护方便,虽说现在有很多比较成熟的前端框架,但是也有部分存在配置麻烦,学习成本大 ...
- 自己写一个jQuery垂直滚动栏插件（panel）
html中原生的滚动栏比較难看,所以有些站点,会自己实现滚动栏,导航站点hao123在一个側栏中,就自己定义了垂直滚动栏,效果比較好看,截图例如以下: watermark/2/text/aHR0cDo ...
- 玉渊潭赏樱花有感：从无到有写一个jQuery开源插件
“玉渊潭公园樱花节”是每年樱花绽放时,都会在玉渊潭公园樱举办樱花节,游客前往玉渊潭公园,可以欣赏到20个品种2000株樱花.2016玉渊潭樱花节时间:3月中旬-4月中旬观赏最佳,2016年3月23日开 ...
- 亲手用模块化方式写一个jquery QQ表情插件。
在回复或是评论的时候,很多时间都需要有回复表情的功能,然后而需要插入QQ表情可以是最常见的. 插件也写多很多个了,这次写插件就下了一个决定.就是使用模块化来开发. 最后在我的源代码中有这样子一段: v ...
- 使用java写一个小白计算器
有点小意思~ package ok; import java.awt.BorderLayout; import java.awt.Color; import java.awt.GridLayout; ...
- 如何写一个Js上传图片插件。
项目里面需要一个上传图片的插件,找了半天没有找到满意的,算了 不找了,自己写一个吧,顺便复习一下js方面的知识.完成之后效果还不错,当然还要继续优化,源码在最后. 介绍一种常见的js插件的写法 ; ( ...
- 通过用jQuery写一个页面，我学到了什么
概述 前几天面试,hr发来一个测试文件,让我做做看.我一看,其实就是根据PSD需求写一个页面,再加上一些互动效果即可. 刚好我之前学了切图,jquery等知识还没练手过,于是高兴的答应了. 最后花了3 ...
随机推荐
- JavaScript--淘宝图片切换
css样式有点问题,但是主要是js逻辑: <!DOCTYPE html> <html> <head> <meta charset="utf-8&qu ...
- 为什么printf()用%f输出double型，而scanf却用%lf呢？
之前没有注意过这个问题, 转自: http://book.51cto.com/art/200901/106880.htm 问:有人告诉我不能在printf中使用%lf.为什么printf()用%f输 ...
- hdu4176 水题
#include<stdio.h> #include<string.h> #include<algorithm> using namespace std; #def ...
- hdu1907 尼姆博弈
尼姆博弈的性质. 最后一个取输.若a1^a2^a3...^a4=0表示利他态T,不然为利己态S.充裕堆:1个堆里的个数大于2.T2表示充裕堆大于等于2,T1表示充裕堆大于等于1,T0表示无充裕堆.S2 ...
- maven 标签： 项目管理软件 2016-09-11 22:29 323人阅读 评论(24) 收藏
开始接触itoo的java项目之后,也就开始接触maven,搭建环境中有一个步骤是配置maven和jboss,当时知道jboss是用来部署我们的项目的,但是maven就只知道一个更新maven,那么, ...
- SDUT-2107_图的深度遍历
数据结构实验之图论二:图的深度遍历 Time Limit: 1000 ms Memory Limit: 65536 KiB Problem Description 请定一个无向图,顶点编号从0到n-1 ...
- toString和valueOf使得对象访问时显示一个特定格式的字符串，但是可以进行数字运算
作用 toString()的作用是返回一个反映这个对象的字符串; valueOf()的作用是返回它相应的原始值; 异同点 共同点:在 JavaScript 中,toString()方法和valueOf ...
- SVN过滤设置 标签： svn 2015-07-29 17:39 953人阅读 评论(35) 收藏
为了方便管理我们的系统版本,很多人会用到SVN,开发中我们经常用到SVN插件, 但是对于某些文件的缓存来说, 我们只要有操作缓存便会保存一次, 每次提交很是麻烦, 可能有的文件或者文件夹我们并不想提交 ...
- Java练习 SDUT-1188_各位数字之和排序
C语言实验--各位数字之和排序 Time Limit: 1000 ms Memory Limit: 65536 KiB Problem Description 给定n个正整数,根据各位数字之和从小到大 ...
- Flask——向博客文章中添加图片
未添加图片样式 添加图片设置: 1.允许渲染img标签 在数据库文章模型allowed_tags中添加img 2.给clean函数加个参数attributes=attrs, attrs = { '*' ...