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

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

代码实例如下:

#father
{
 width:150px;
 height:150px;
 background-color:red;
}
#father div
{
 width:50px;
 height:50px;
 background-color:green;
 font-size:12px;
}

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

$(document).ready(function(){
 $("#father").prepend("考高分网欢迎您");
 $("div").remove("#father div");
})

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

示例二：

相关阅读:

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

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