jQuery操作DOM

jQuery是一个JavaScript库，它可以方便地操作DOM。下面是一些常见的jQuery操作DOM的例子：

1. 获取元素

使用jQuery获取元素非常简单，只需要使用$符号和选择器即可。例如，如果要获取id为“example”的元素，可以使用以下代码：

var element = $("#example");

2. 修改元素

要修改元素的文本内容，可以使用text()方法。例如，如果要将id为“example”的元素的文本内容设置为“Hello World”，可以使用以下代码：

$("#example").text("Hello World");

如果要修改元素的HTML内容，可以使用html()方法。例如，如果要将id为“example”的元素的HTML内容设置为“<p>Hello World</p>”，可以使用以下代码：

$("#example").html("<p>Hello World</p>");

3. 添加元素

要向文档中添加一个新元素，可以使用append()或prepend()方法。例如，如果要将一个新的段落添加到id为“example”的元素中，可以使用以下代码：

$("#example").append("<p>Hello World</p>");

这将在id为“example”的元素的末尾添加一个新的段落。如果要在开始处添加新的段落，可以使用prepend()方法。

4. 移除元素

要从文档中移除一个元素，可以使用remove()方法。例如，如果要移除id为“example”的元素，可以使用以下代码：

$("#example").remove();

这将从文档中完全删除id为“example”的元素。