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() { ... })中。 - 使用选择器时,确保元素存在,否则操作不会生效。
- 对于动态生成的元素,可能需要使用事件委托或重新绑定操作。







