• 网站首页
• 网站建设
• 短视频
• 网站推广
• 网站模板
• 客户案例
• 资讯动态
• 关于我们

jquery怎么在tabel中添加一个tbody_CSS学习

当前位置：网站建设 > 技术支持

jquery怎么在tabel中添加一个tbody？

jQuery 添加新内容有以下四个方法：

append() - 在被选元素的结尾插入内容

prepend() - 在被选元素的开头插入内容

after() - 在被选元素之后插入内容

before() - 在被选元素之前插入内容

下面实例演示：点击按钮则在表格数据区域增加一行

1、HTML结构

<table id = "test"> <thead> <tr><th>列1</th><th>列2</th><th>列3</th></tr> </thead> <tbody> <tr><td>1</td><td>1</td><td>2</td></tr> <tr><td>2</td><td>4</td><td>5</td></tr> </tbody> </table><input type="button" id="btn1" value="在开头增加"><input type="button" id="btn2" value="在末尾增加">

2、jquery代码

$(function(){ $("#btn1").click(function() { $("#test tbody").prepend('<tr><td></td><td></td><td></td></tr>'); }); $("#btn2").click(function() { $("#test tbody").append('<tr><td></td><td></td><td></td></tr>'); });});

3、效果演示

版权说明：
本网站凡注明“广州京杭 原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。