JQuery在页面中添加和除移DOM示例代码

JQuery是一个Javascript库，它提供了一些易于使用的方法，用于操作HTML页面元素以及与服务器进行异步通信。在JQuery中，我们可以轻松地通过添加DOM元素来更新页面。下面是添加和除移DOM元素的详细攻略：

添加DOM元素

可以使用以下JQuery方法来添加DOM元素：

append()

使用append()方法向指定元素的最后一个子元素添加新内容。例如：

$(document).ready(function(){
  $("button").click(function(){
    $("p").append(" <b>这是新文本</b>。");
  });
});

在上述代码中，当我们点击按钮时，JQuery会向所有段落的最后一个子元素添加新文本。

prepend()

使用prepend()方法向指定元素的第一个子元素添加新内容。例如：

$(document).ready(function(){
  $("button").click(function(){
    $("p").prepend("<b>这是新文本</b> ");
  });
});

在代码中，当我们点击按钮时，JQuery会向所有段落的第一个子元素添加新文本。

除移DOM元素

可以使用以下JQuery方法来删除DOM元素：

remove()

使用remove()方法从文档中删除匹配元素及其子元素。例如：

$(document).ready(function(){
  $("button").click(function(){
    $("#myDiv").remove();
  });
});

在代码中，当我们点击按钮时，JQuery会删除具有id“myDiv”的元素及其子元素。

empty()

使用empty()方法从元素中删除子元素。例如：

$(document).ready(function(){
  $("button").click(function(){
    $("#myDiv").empty();
  });
});

在代码中，当我们点击按钮时，JQuery会清空具有id“myDiv”的元素的子元素。

希望这篇攻略可以帮助你更好地使用JQuery添加和除移DOM元素。