jquery 赋值
jQuery 赋值方法
使用 jQuery 可以方便地对 HTML 元素的属性、内容、样式等进行赋值操作。以下是常见的几种赋值方式:
设置元素的文本内容
使用 text() 方法可以设置元素的纯文本内容,不解析 HTML 标签:
$("#elementId").text("这是新的文本内容");
设置元素的 HTML 内容
使用 html() 方法可以设置元素的 HTML 内容,会解析其中的标签:
$("#elementId").html("<strong>这是加粗的文本</strong>");
设置表单元素的值
使用 val() 方法可以设置表单元素(如 input、select、textarea)的值:
$("#inputId").val("新的输入值");
设置元素的属性
使用 attr() 方法可以设置元素的属性值:

$("#imageId").attr("src", "new-image.jpg");
设置多个属性 可以传递一个对象来同时设置多个属性:
$("#elementId").attr({
"title": "新标题",
"data-value": "123"
});
设置 CSS 样式
使用 css() 方法可以设置元素的 CSS 样式:
$("#elementId").css("color", "red");
设置多个 CSS 样式 可以传递一个对象来同时设置多个样式:

$("#elementId").css({
"color": "blue",
"font-size": "16px"
});
设置 data 属性
使用 data() 方法可以设置元素的 data-* 属性:
$("#elementId").data("key", "value");
注意事项
-
确保 DOM 完全加载后再执行 jQuery 操作,可以将代码放在
$(document).ready()中:$(document).ready(function() { // jQuery 赋值操作 }); -
使用选择器时,确保选择的元素存在于 DOM 中,否则赋值操作不会生效。
-
对于表单元素的赋值,
val()方法适用于 input、select、textarea 等元素,不同类型的表单元素可能有特定的赋值方式。






