用jq添加或移除div

问题分析：

1、删除：使用jQuery的remove方法。

2、添加：使用jQuery的append、after等多个方法，这些不同的方法是用来决定标签添加的相对位置。

举例如下：

以内部追加方法append为例。

添加DIV：

$('body').append('<div id="name">我是被添加的DIV标签</div>')

删除刚刚添加的DIV：

$('#name').remove()

有好几种方式哈

html代码如下：

<div id="box">

    <div id="inbox">ddddddddddddddddd</div>

</div>

<input type="button" id="remove" value="删除DIV" />

第一种:直接jquery的remove：

  下载个jQuery的文件，然后引入jQuery文件：

    <script type="text/javascript" src="xxxx.jquery.js"></script>

    <script type="text/javascript">

        $("#remove").click(function(){

            $("#inbox").remove()

                        //或者

                        $("box").remove("#inbox")

        })

    </script>

第二种:用JS的innerHTML

    <script type="text/javascript">

        function g(id) {

            return document.getElementById(id)

        }

        g("remove").onclick = functioin(){

            g("box").innerHTML = ''

        }

    </script>

第三种:用JS的outerHTML

    <script type="text/javascript">

        function g(id) {

            return document.getElementById(id)

        }

        g("remove").onclick = functioin(){

            g("inbox").outerHTML = ''

        }

    </script>

第四种:用JS的removeChild

    <script type="text/javascript">

        function g(id) {

            return document.getElementById(id)

        }

        g("remove").onclick = functioin(){

            g("box").removeChild(g("inbox"))

        }

    </script>

其他还有，就不列举了

---