这次给大家带来jquery添加带有样式的html标签，jquery添加带有样式的html标签的注意事项有哪些，下面就是实战案例，一起来看一下。
如下所示：
| 上传计划单 | |
希望实现的功能是：当点击“添加”按钮时，在上传计划单的下面再增加一条上传计划单的文件上传表单，且新增的文件上传表单后面有一个“删除”按钮，当点击“删除”按钮时，可将刚刚新增的文件上传表单删除掉。
点击“添加”按钮后，可以新增一个上传附件的表单，以及一个删除按钮
点击“删除”按钮时，新增的上传附件表单以及此删除按钮，将一并被删掉
立即学习“前端免费学习笔记（深入）”；
实现上面效果的代码是：给“添加”按钮上绑定一个点击事件：onclick="plusFile()"，当点击“添加”按钮时，将触发plusFile()函数。函数的作用是：首先通过$("#otherFile")获取id是otherFile的p，然后通过jquery的append函数，为此p添加HTML元素，所要添加的HTML元素为：
函数如下代码所示：
/**********添加多文件上传************/
function plusFile(){
$("#otherFile").append("");
}然后再给“删除”按钮绑定一个点击事件：onclick='deleteCurrent(this)'，当点击“删除”按钮时，将触发deleteCurrent(this)函数。此函数的作用是：首先接收this传递过来的参数，然后通过$(obj)获取“删除”按钮所在的对象，再通过$(obj).parent()获取“删除”按钮的父元素，即
新增的元素，最后通过jquery的remove()函数，将此
创想C2C商城系统，系统功能仿照淘宝设计，采用模块标签技术和静态html生成技术 基于Asp.Net/C#+SQL的开发的创想多用户商城系统，具有智能化、高扩展、稳定安全等特性，后台可自由添加频道，自由修改界面风格，商品无限级 分类，支持在线支付整合，通过安装和使用创想C2C商城系统，就可以轻松建立起专业大型的网上交易平台。创想C2C多用户商城系统5.6.3.8版本升级功能1.网站地区设置功能的增
元素删除掉。
函数代码如下所示：
/**********删除多文件上传***********/
function deleteCurrent(obj){
$(obj).parent().remove();
}相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
推荐阅读：
