jquery set

jQuery 设置元素内容或属性

使用 jQuery 可以方便地设置 HTML 元素的内容、属性、样式等。以下是几种常见的设置方法：

设置元素内容 使用 .text() 方法设置纯文本内容，或使用 .html() 方法设置包含 HTML 标签的内容。

$("#elementId").text("新的文本内容");
$("#elementId").html("<strong>加粗文本</strong>");

设置元素属性 使用 .attr() 方法设置元素的属性值，如 id、class、href 等。

$("#elementId").attr("href", "https://example.com");
$("#elementId").attr("class", "new-class");

设置 CSS 样式 使用 .css() 方法直接修改元素的 CSS 样式。

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

设置表单值 对于表单元素（如 input、textarea、select），使用 .val() 方法设置其值。

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

设置 data 属性 使用 .data() 方法设置或更新元素的 data-* 属性。

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

链式调用

jQuery 支持链式调用，可以连续设置多个属性或内容。

$("#elementId")
    .text("新内容")
    .attr("title", "提示信息")
    .css("color", "blue");

注意事项

• 确保 DOM 加载完成后再执行 jQuery 操作，通常将代码放在 $(document).ready() 或简写的 $(function() { ... }) 中。
• 使用选择器时，确保元素存在，否则操作不会生效。
• 对于动态生成的元素，可能需要使用事件委托或重新绑定操作。