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

在jQuery中，对DOM元素进行增、删、改操作的常用方法包括：

1. 增加元素：

   • $(htmlString): 创建DOM元素。
   • .append(content): 将内容添加到所选元素的末尾。
   • .prepend(content): 将内容添加到所选元素的开头。
   • .after(content): 在所选元素之后插入内容。
   • .before(content): 在所选元素之前插入内容。

2. 删除元素：

   • .remove(): 从DOM中删除所选元素。
   • .empty(): 从所选元素中删除子元素。

3. 修改元素：

   • .text(text): 设置或返回所选元素的文本内容。
   • .html(html): 设置或返回所选元素的内容（包括HTML标记）。
   • .attr(attributeName, value): 设置或返回所选元素的属性值。
   • .removeAttr(attributeName): 从所选元素中移除一个或多个属性。
   • .addClass(className): 向所选元素添加一个或多个类。
   • .removeClass(className): 从所选元素中移除一个或多个类。
   • .toggleClass(className): 对所选元素进行切换类操作。

示例代码：

// 创建一个新的div元素
var newDiv = $('<div>Hello, World!</div>');
 
// 将新创建的div添加到body元素的末尾
$('body').append(newDiv);
 
// 在id为example的元素之后添加一个新的p元素
$('#example').after('<p>This is a new paragraph.</p>');
 
// 设置id为myDiv的元素的文本内容
$('#myDiv').text('New text content.');
 
// 获取并打印id为myLink的元素的href属性
console.log($('#myLink').attr('href'));
 
// 删除id为myImage的元素
$('#myImage').remove();
 
// 为id为myElement的元素添加'active'类
$('#myElement').addClass('active');