jQuery实现html表格动态添加新行的方法
jQuery实现动态添加行的方法
<script src="jquery-1.6.2.min.js"></script>
<script type="text/javascript">
<!-- jQuery Code will go underneath this -->
$(document).ready(function () {
// Code between here will only run when the document is ready
$("a[name=addRow]").click(function() {
// Code between here will only run
//when the a link is clicked and has a name of addRow
$("table#myTable tr:last").after('<tr><td>Row 4</td></tr>');
return false;
});
});
</script>
</head>
<body>
<table id="myTable">
<tr><td>Row 1</td></tr>
<tr><td>Row 2</td></tr>
<tr><td>Row 3</td></tr>
</table>
<a href="#" name="addRow">Add Row</a>
</body>
</html>
框架里的bootstrap怎么调用
要在框架中调用Bootstrap，可以按照以下步骤进行：
1. 下载Bootstrap文件。你可以从Bootstrap官方网站（https://getbootstrap.com/）下载最新的Bootstrap压缩包。
2. 将压缩包解压缩并将Bootstrap文件夹复制到你的项目文件夹。一般来说，将Bootstrap文件夹放在你的项目文件夹的根目录下比较好。
3. 在你的HTML文件的<head>标签中添加Bootstrap的CSS文件。在<head>标签中添加如下行：
```
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
```
这将链接到Bootstrap的CSS文件。
4. 在你的HTML文件的<body>标签末尾处，添加Bootstrap的JavaScript文件。在<body>标签末尾添加以下行：
```
<script src="bootstrap/js/bootstrap.min.js"></script>
```
这将包含Bootstrap的JavaScript文件。
5. 在你的HTML文件的<head>标签中添加jQuery库。Bootstrap的JavaScript文件需要jQuery库来支持。在<head>标签添加以下行：
```
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
```
这将包含jQuery库。
完成以上操作后，你的Bootstrap就已经被成功地添加到了你的项目中。你可以使用Bootstrap中各种CSS类和JavaScript插件来构建响应式和美观的网站界面。