jquery加html动态增加删除控件,jQuery实现动态添加和删除一个div

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

代码实例如下:

#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("

脚本之家欢迎您

");

})

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

$(document).ready(function(){

$("#father").prepend("

脚本之家欢迎您

");

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

})

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

示例二：

Add And Close Div

$(document).ready(function(){

bindListener();

})

function addimg(){

$("#mdiv").append('

X

');

// 为新元素节点添加事件侦听器

bindListener();

}

// 用来绑定事件(使用unbind避免重复绑定)

function bindListener(){

$("a[name=rmlink]").unbind().click(function(){

$(this).parent().remove();

})

}

请选择上传的图片

增加图片

X

相关阅读:

1.prepend()函数可以参阅jQuery的prepend()方法一章节。

2.remove()函数可以参阅jQuery的remove()方法一章节。