代码：

 <!Doctype html>

 <html>

 <meta charset="UTF-8">

 <title>计算器</title>

 <script src="jquery.min.js"></script>

 <style>

 button{

     width:80px;

     height:50px;

     background-color:#969696;

     color:white;

     font-size:17px;

 }

 </style>

 <body>

 <table>

 <tr>

     <td colspan="4" style="text-align:center;">

         <input type="text" value="0" style="font-size:17px;text-align:right;width:330px;height:50px;">

     </td>

 </tr>

 <tr>

     <td>

     <button class="num">7</button>

     </td>

     <td>

     <button class="num">8</button>

     </td>

     <td>

     <button class="num">9</button>

     </td>

     <td>

     <button class="operator">+</button>

     </td>

 </tr>

 <tr>

     <td>

     <button class="num">4</button>

     </td>

     <td>

     <button class="num">5</button>

     </td>

     <td>

     <button class="num">6</button>

     </td>

     <td>

     <button class="operator">-</button>

     </td>

 </tr>

 <tr>

     <td>

     <button class="num">1</button>

     </td>

     <td>

     <button class="num">2</button>

     </td>

     <td>

     <button class="num">3</button>

     </td>

     <td>

     <button class="operator">*</button>

     </td>

 </tr>

 <tr>

     <td>

     <button class="num">0</button>

     </td>

     <td>

     <button id="point">.</button>

     </td>

     <td>

     <button id="eq">=</button>

     </td>

     <td>

     <button class="operator">/</button>

     </td>

 </tr>

 <tr>

 <td>

 <button id="clean">C</button>

 </td>

 </tr>

 </table>

 </body>

 </html>

 <script>

 var status = 0;

 var operat;

 var firstnum;

 var secondnum;

 $("#clean").click(function(){

     status = 0;

     $("input").val(0);

     firstnum = 0;

     secondnum = 0;

 })

 $(".num").click(function(){

     if(status == 0){

         if($("input").val()==='0'){

             $("input").val($(this).html());

         }else if($("input").val() == '0.'){

             $("input").val('0.' + $(this).html());

         }else{

             $("input").val($("input").val() + $(this).html());

         }

         firstnum = $("input").val();

     }else{

         if($("input").val() == '0.'){

             $("input").val('0.' + $(this).html());

             secondnum = $("input").val();

         }else{

             $("input").val($(this).html());

             secondnum = $("input").val();

         }

     }

 })

 $(".operator").click(function(){

     status = 1;

     operat = $(this).html();

 })

 $("#point").click(function(){

     $("input").val($("input").val() + $(this).html());

 })

 $("#eq").click(function(){

     if(operat == '+'){

         $("input").val((parseFloat(firstnum)*10+parseFloat(secondnum)*10)/10);

     }else if(operat == '-'){

         $("input").val((parseFloat(firstnum)*10-parseFloat(secondnum)*10)/10);

     }else if(operat == '*'){

         $("input").val((parseFloat(firstnum)*10*parseFloat(secondnum)*10)/100);

     }else{

         $("input").val((parseFloat(firstnum)*10/parseFloat(secondnum)*10)/100);

     }

     firstnum = $("input").val();

     status = 0;

 })

 </script>

效果图：

jquery计算器（改良版）的更多相关文章

  1. 一句代码美化你的下框之jquery.selectMM修复版（jquery.selectMM v0.9 beta 20141217)

    一句代码美化你的下框之jquery.selectMM修复版(jquery.selectMM v0.9 beta 20141217) 浏览效果: http://www.beyond630.com/jqu ...

  2. jQuery Mobile (整合版)

    jQuery Mobile (整合版) 前言 为了方便大家看的方便,我这里将这几天的东西整合一下发出. 里面的例子请使用手机浏览器查看. 什么是jQuery Mobile? jquery mobile ...

  3. office全系列激活脚本-改良版

    @ECHO OFFTITLE office 全版本系统激活@echo offfor /l %%a in (8,1,16) do (for /f "tokens=*" %%i in ...

  4. windows全系列激活脚本-改良版.cmd

    @ECHO OFFTITLE Windows 全版本系统激活cscript //nologo %Systemroot%\system32\slmgr.vbs -skms 10.1.1.12ECHO 检 ...

  5. office全系列激活脚本-改良版.cmd

    @ECHO OFFTITLE office 全版本系统激活@echo offfor /l %%a in (8,1,16) do (for /f "tokens=*" %%i in ...

  6. 锋利的jQuery（第二版）学习总结

    通过对<锋利的jQuery>(第二版)一书的学习,发现此书讲解通俗易懂,是学习jQuery的一本很好的指导书,特作如下总结. 此书主要讲解了jQuery的常用操作,包括认识jQuery,j ...

  7. 优化改良版：数组，List,等集合需要加逗号或其它符合转成字符串

    大家经常需要数组加逗号拼接成字符串的情况传统作法就是写for,foreach拼接, 现给出优化改良版数组,List,等集合需要加逗号或其它符合转成字符串方法: List<string> l ...

  8. Python实例---利用正则实现计算器[FTL版]

    import re # 格式化 def format_str(str): str = str.replace('--', '+') str = str.replace('-+', '-') str = ...

  9. 闲来无事写一个jquery计算器，没有进行封装......

    <!doctype html> <html> <head> <meta charset="utf-8" /> <title&g ...

随机推荐

  1. URL和报文知识总结 ——1

    第一部分:浏览器生成的消息 关键词:URL的解析  HTTP请求的生成  DNS服务器 1.URL(网址)的构成: 对于一个网址的解析: https://i.cnblogs.com/index.htm ...

  2. Python学习：11.Python装饰器讲解（二）

    回顾 上一节我们进行了Python简单装饰器的讲解,但是python的装饰器还有一部分高级的使用方式,这一节就针对python装饰器高级部分进行讲解. 为一个函数添加多个装饰器 今天,老板又交给你一个 ...

  3. C语言学习记录

    思路: 工具书: <c程序设计语言> R&K <linux C 编程一站式学习>

  4. Java面向对象之抽象方法&接口

    在开始写抽象类之前,有一个问题我觉得想清楚会对理解抽象类很有帮助:那就是为什么要设计抽象类? 难道用类还不够么,为什么要设计出抽象类这样一个东西.我们可以换个角度来理解,就是有些类本来就是不应该被实例 ...

  5. 北京Uber优步司机奖励政策（12月10日）

    滴快车单单2.5倍,注册地址:http://www.udache.com/ 如何注册Uber司机(全国版最新最详细注册流程)/月入2万/不用抢单:http://www.cnblogs.com/mfry ...

  6. <简明>Markdown指南

    什么是Markdown?Markdown是一种轻量级的「标记语言」,通常为程序员群体所用,目前它已是全球最大的技术分享网站 GitHub 和技术问答网站 StackOverFlow 的御用书写格式. ...

  7. CLR via c#读书笔记六：参数

    注:书本第9单参数 CLR默认所有方法参数都传值.引用本身是值引的,意味左方法能修改对象,而调用都能看到这些修改.值类型,传的是实例的一个副本,所以调用者不受影响. (和以前理解的不一样.默认都是传值 ...

  8. iOS SSL Pinning 保护你的 API

    随着互联网的发展,网站全面 https 化已经越来越被重视,做为 App 开发人员,从一开始就让 API 都走 SSL 也是十分必要的.但是光这样就足够了吗? SSL 可以保护线上 API 数据不被篡 ...

  9. Qt-序列号生成器

    一直想做一个序列号的生成器,今天终于有了开始了,目前只有读取硬件生成,还没有做生成序列号的规则. 目前实现的功能就是读取系统磁盘卷加上CPU ID 和自己的加密字符串,在利用MD5加密,转换成标准32 ...

  10. Java开发工程师(Web方向) - 04.Spring框架 - 第2章.IoC容器

    第2章.IoC容器 IoC容器概述 abstract: 介绍IoC和bean的用处和使用 IoC容器处于整个Spring框架中比较核心的位置:Core Container: Beans, Core, ...