jQuery对Dom元素的增删改操作常用方法

一、增加元素：

    append()：将元素添加到目标元素的末尾。

    prepend()：将元素添加到目标元素的开头。

    after()：在目标元素后添加元素。

    before()：在目标元素前添加元素。

// 增加元素

$("#myElement").append("<p>This is a new paragraph.</p>");

$("#myElement").prepend("<p>This is a new paragraph.</p>");

$("#myElement").after("<div>This is a new div.</div>");

$("#myElement").before("<div>This is a new div.</div>");

二、删除元素：

    remove()：删除目标元素及其子元素。

    empty()：清空目标元素的子元素。

// 删除元素

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

$("#myElement").empty();

三、修改元素：

    text()：设置或获取元素的文本内容。

    html()：设置或获取元素的 HTML 内容。

    attr()：设置或获取元素的属性值。

    addClass()：为元素添加一个或多个类名。

    removeClass()：从元素移除一个或多个类名。

    toggleClass()：在元素上添加/移除一个类名。

// 修改元素

$("#myElement").text("New text content");

$("#myElement").html("<p>New HTML content</p>");

$("#myElement").attr("src", "newimage.jpg");

$("#myElement").addClass("highlight");

$("#myElement").removeClass("highlight");

$("#myElement").toggleClass("highlight");