jquery写一个生成九九乘法表的代码
时间: 2023-12-03 22:47:29 浏览: 84
以下是使用 jQuery 生成九九乘法表的代码:
HTML 代码:
```html
<table id="multiplication-table"></table>
```
jQuery 代码:
```javascript
$(document).ready(function() {
// 创建表格元素
var table = $('<table></table>');
// 创建表头行
var tableHeaderRow = $('<tr></tr>');
tableHeaderRow.append($('<th></th>').text(' '));
for (var i = 1; i <= 9; i++) {
tableHeaderRow.append($('<th></th>').text(i));
}
table.append(tableHeaderRow);
// 创建表格内容
for (var i = 1; i <= 9; i++) {
var tableRow = $('<tr></tr>');
tableRow.append($('<th></th>').text(i));
for (var j = 1; j <= 9; j++) {
tableRow.append($('<td></td>').text(i*j));
}
table.append(tableRow);
}
// 将表格添加到页面中
$('#multiplication-table').append(table);
});
```
这段代码首先创建了一个空的表格元素,然后创建了表头行和表格内容,并将它们添加到表格中,最后将整个表格添加到页面中。
阅读全文