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");