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() { ... })中。 - 如果元素不存在，设置操作不会报错，但不会有任何效果。
