网页布局方面应该没大问题。

难点在jQuery部分。一开始想出两种思路&＃xff0c;第一个是按着老师的思路下来的&＃xff0c;结果最后没有实现&＃xff0c;失败在表达式不能正确输出&＃xff0c;而且运算也不能正确进行&＃xff0c;现已被注释在js里。第二个思路没有用到选择结构&＃xff0c;而是直接触动按钮&＃xff0c;实现每个按钮对应的事件。由于对这门语言的陌生&＃xff0c;所认识的语句不多&＃xff0c;做起来很有难度。在导师的讲解里&＃xff0c;学到了用$(&＃39;table&＃39;).find(&＃39;td&＃39;).click(function(){})的方法&＃xff08;单击单元格获取内容&＃xff09;获取表格里内容的语句。而我的思路里这个事件并不合适&＃xff0c;经过查找资料并多次修改终于找到了获取输入框中动态value的方法&＃xff1a;$(&＃39;input#num&＃39;).val。eval() 函数可将字符串转换为代码执行&＃xff0c;并返回一个或多个值。

HTML部分

js部分

$(function(){

alert(&＃39;welcome to calculator&＃39;);

// var equ&＃61;&＃39;&＃39;;

// $("button").click(function(){

// var sr1&＃61;$(&＃39;input#num1&＃39;).val();

// equ&＃43;&＃61;sr1;

// var sr2&＃61;$(&＃39;input#num2&＃39;).val();

// equ&＃43;&＃61;sr2;

// var val&＃61;$(this).html();

// equ&＃43;&＃61;val;

// $(&＃39;#exp&＃39;).text(equ);

// var num1&＃61;equ[0];

// var num2&＃61;equ[2];

// var operator&＃61;equ[1];

// if(operator&＃61;&＃61;&＃39;&＃43;&＃39;){

// $(&＃39;#res&＃39;).text(parseInt(num1)&＃43;parseInt(num2));

// }

// else if(operator&＃61;&＃61;&＃39;-&＃39;){

// $(&＃39;#res&＃39;).text(num1-num2);

// }

// else if(operator&＃61;&＃61;&＃39;*&＃39;){

// $(&＃39;#res&＃39;).text(num1*num2);

// }

// else if(operator&＃61;&＃61;&＃39;/&＃39;){

// $(&＃39;#res&＃39;).text(num1/num2);

// }

// })

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

var num1&＃61;$(&＃39;input#num1&＃39;).val();//获取输入框里的内容的方法$(&＃39;input#num&＃39;).val

var num2&＃61;$(&＃39;input#num2&＃39;).val();

var num3&＃61;eval(num1)&＃43;eval(num2);

$(&＃39;#exp&＃39;).text(eval(num1)&＃43;&＃39;➕&＃39;&＃43;eval(num2)&＃43;&＃39;&＃xff1d;&＃39;);

$("#res").text(num3);

})

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

var num1&＃61;$(&＃39;input#num1&＃39;).val();

var num2&＃61;$(&＃39;input#num2&＃39;).val();

var num3&＃61;eval(num1)-eval(num2);

$(&＃39;#exp&＃39;).text(eval(num1)&＃43;&＃39;➖&＃39;&＃43;eval(num2)&＃43;&＃39;&＃xff1d;&＃39;);

$("#res").text(num3);

})

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

var num1&＃61;$(&＃39;input#num1&＃39;).val();

var num2&＃61;$(&＃39;input#num2&＃39;).val();

var num3&＃61;eval(num1)*eval(num2);

$(&＃39;#exp&＃39;).text(eval(num1)&＃43;&＃39;✖&＃39;&＃43;eval(num2)&＃43;&＃39;&＃xff1d;&＃39;);

$("#res").text(num3);

})

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

var num1&＃61;$(&＃39;input#num1&＃39;).val();

var num2&＃61;$(&＃39;input#num2&＃39;).val();

var num3&＃61;eval(num1)/eval(num2);

$(&＃39;#exp&＃39;).text(eval(num1)&＃43;&＃39;➗&＃39;&＃43;eval(num2)&＃43;&＃39;&＃xff1d;&＃39;);

$("#res").text(num3);

})

})

先附在这儿&＃xff0c;今晚可以睡得踏实一点了。。。