jQuery实现动态添加和删除一个div【HTML】

web前端|html教程

jQuery实现动态添加和删除一个div

web前端-html教程

本文主要给大家简单介绍一下如何动态的在一个元素添加和删除div,希望能够得到举一反三之效。

强制分享源码系统,vscode类图,ubuntu怎么下载依赖,tomcat和minio,sqlite的float,axure js插件,前端框架面试问题,java爬虫优化,配置 php,SEO教程化妆,催乳师网站源码,国外网页背景素材,七丽女性网站模板,asp 页面适应手机,作业管理系统源文件,c 程序源码免费下载lzw

代码实例如下:

asp小区论坛源码,ubuntu安装jtop命令,tomcat网页怎么登陆,爬虫快递单号,php批量更新排序,博采网络科技有限公司seo推广lzw

#father{ width:150px; height:150px; background-color:red;}#father div{ width:50px; height:50px; background-color:green; font-size:12px;}$(document).ready(function(){ $("#father").prepend("

100素材网

");})

Yodati答题系统源码,安装虚拟ubuntu步骤,通俗解读爬虫公司,php循环修改,白山seo培训lzw

以上代码可以在父div中添加一个div，下面再介绍一下如何删除一个div，下面只给出核心代码:

$(document).ready(function(){ $("#father").prepend("

100素材网

"); $("div").remove("#father div");})

以上代码可以移除添加的div。

示例二：

$(document).ready(function(){bindListener();})function addimg(){$("#mdiv").append(

X

);// 为新元素节点添加事件侦听器 bindListener();}// 用来绑定事件(使用unbind避免重复绑定)function bindListener(){ $("a[name=rmlink]").unbind().click(function(){ $(this).parent().remove();})}请选择上传的图片增加图片

X