<%@ page language= "java" import= "java.util.*" pageencoding= "Utf-8"%>
<title>my JSP ' jquerytest.jsp ' starting page</title>
<script src= "Jquerytest/jquery-1.3.2.min.js" ></script>
<style>
Td{width:30;height:30;text-align:center;border:1;border-style:solid;border-color: #000;}
</style>
<script>
Window.onload=function () {
var $tds =$ (' td:gt (0) [class!=equal][class!=clear] ');
$tds. Click (function () {
var display=$ ('. Screen '). html ();
$ ('. Screen '). HTML (display+this.innerhtml);//$ (' this '). html ();//html () empty is read, not empty, write
});
$ ('. Clear '). Click (function () {
$ ('. Screen '). HTML ("");
});
$ ('. Equal '). Click (function () {
var display=$ ('. Screen '). html ();
var value=eval (display);//eval for logical operation
$ ('. Screen '). HTML (display+ "=" +value);
});
}
</script>
<body>
<table>
<TR><TD colspan=4 class= "screen" ></td></tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>*</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
<td>/</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
<td>+</td>
</tr>
<tr>
<td>.</td>
<TD class= "Clear" >c</td>
<TD class= "equal" >=</td>
<td>-</td>
</tr>
</table>
</body>
jquery Implementation Calculator