jquery 替换
jQuery 替换元素内容
使用 text() 或 html() 方法可以替换元素的文本或HTML内容。text() 用于纯文本替换，html() 支持HTML标签。
// 替换文本内容
$("#elementId").text("新的文本内容");
// 替换HTML内容
$("#elementId").html("<strong>新的HTML内容</strong>");jQuery 替换元素属性
attr() 方法用于替换元素的属性值。例如替换链接的 href 或图片的 src。
// 替换href属性
$("#linkId").attr("href", "https://new-url.com");
// 替换src属性
$("#imageId").attr("src", "new-image.jpg");jQuery 替换元素本身
replaceWith() 方法可以将匹配的元素替换为新的内容或元素。新内容可以是HTML字符串、DOM元素或jQuery对象。
// 用HTML字符串替换元素
$("#oldElement").replaceWith("<div id='newElement'>新元素</div>");
// 用jQuery对象替换元素
var $newElement = $("<div>").text("动态创建的新元素");
$("#oldElement").replaceWith($newElement);jQuery 替换多个元素内容
通过选择器匹配多个元素，批量替换内容。例如替换所有 class="item" 的元素。
// 批量替换文本
$(".item").text("统一文本内容");
// 批量替换HTML
$(".item").html("<span>统一HTML</span>");jQuery 替换表单元素值
val() 方法专门用于替换表单元素（如 input、select）的值。
// 替换input的值
$("#inputId").val("新输入值");
// 替换select选中的值
$("#selectId").val("option2");jQuery 替换类名
removeClass() 和 addClass() 组合可以替换元素的类名，或用 attr() 直接修改 class 属性。
// 替换单个类名
$("#elementId").removeClass("oldClass").addClass("newClass");
// 直接修改class属性
$("#elementId").attr("class", "newClass");
