jQuery中添加和删除元素

  $('#btn1').click(function () {

    1、 append() 方法在被选元素的结尾插入内容（仍然在该元素的内部）

      // $('#box').append('<a href="www.baidu.com">百度一下</a>')

    2、 prepend() 方法在被选元素的开头插入内容（仍然在该元素的内部）

      // $('#box').prepend('<a href="www.baidu.com">百度一下</a>')

    3、 after() 方法在被选元素之后插入内容 (在该元素的外部)

      // $('#box').after('<a href="www.baidu.com">百度一下</a>')

    4、 before() 方法在被选元素之前插入内容 (在该元素的外部)

      $('#box').before('<a href="www.baidu.com">百度一下</a>')

    })

    5、remove() - 删除被选元素（及其子元素），本身已删除掉。所以不占位置

    6、empty() - 删除被选元素的子元素，本身没有删除掉。所以占位置

    $('#btn2').click(function () {

      // $('#box').remove()

      $('#box').empty()

    })