jquery赋值

jQuery 赋值操作

jQuery 提供了多种方法对 HTML 元素的属性、内容、样式等进行赋值操作。以下是常见的几种赋值方式：

文本内容赋值

使用 text() 方法可以设置元素的文本内容，该方法会覆盖元素原有的内容：

$("#elementId").text("新的文本内容");

HTML 内容赋值

使用 html() 方法可以设置元素的 HTML 内容，支持 HTML 标签：

$("#elementId").html("<strong>加粗文本</strong>");

表单元素赋值

使用 val() 方法可以设置表单元素（如 input、select、textarea）的值：

$("#inputId").val("输入框的值");

属性赋值

使用 attr() 方法可以设置元素的属性值：

$("#imgId").attr("src", "new-image.jpg");

CSS 样式赋值

使用 css() 方法可以设置元素的 CSS 样式：

$("#elementId").css("color", "red");

数据属性赋值

使用 data() 方法可以设置元素的自定义数据属性：

$("#elementId").data("key", "value");

多属性赋值

可以通过对象形式一次性设置多个属性或样式：

$("#elementId").attr({
  "id": "newId",
  "class": "newClass"
});

$("#elementId").css({
  "color": "blue",
  "font-size": "16px"
});

注意事项

• 赋值操作会直接修改 DOM，确保目标元素存在。
• 链式操作支持连续赋值：$("#elementId").text("文本").css("color", "red");
• 对于布尔属性（如 disabled、checked），建议使用 prop() 方法而非 attr()。