jquery设置值

jQuery 设置值的方法

使用 jQuery 可以方便地操作 DOM 元素的属性、内容或表单值。以下是几种常见的设置值的方法。

设置文本内容

使用 text() 方法可以设置元素的文本内容。该方法会替换元素内的所有内容，并且不会解析 HTML 标签。

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

设置 HTML 内容

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

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

设置表单元素的值

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

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

设置属性值

使用 attr() 方法可以设置元素的属性值，例如 href、src 或自定义属性。

$("#linkId").attr("href", "https://example.com");

设置 CSS 样式

使用 css() 方法可以直接修改元素的 CSS 样式。

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

设置多个属性或样式

可以传递一个对象来同时设置多个属性或样式。

$("#elementId").attr({
  "data-id": "123",
  "title": "提示信息"
});

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

设置自定义数据

使用 data() 方法可以设置元素的 data-* 属性值。

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

动态设置值

可以通过回调函数动态设置值。

$(".items").text(function(index, oldText) {
  return "新的文本 " + (index + 1);
});

注意事项

• 确保 DOM 加载完成后再执行 jQuery 操作，通常将代码放在 $(document).ready() 或 $(function() { ... }) 中。
• 如果元素不存在，设置操作不会报错，但不会有任何效果。