jquery设置值

jQuery 设置值的方法

jQuery 提供了多种方法来设置 HTML 元素的值，以下是常用的几种方式：

设置表单元素的值

使用 val() 方法可以设置输入框、下拉框等表单元素的值：

$("#inputId").val("新值");

设置 HTML 内容

使用 html() 方法可以设置元素的 HTML 内容：

$("#elementId").html("<strong>新内容</strong>");

设置文本内容

使用 text() 方法可以设置元素的纯文本内容：

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

设置属性值

使用 attr() 方法可以设置元素的属性值：

$("#elementId").attr("attributeName", "value");

设置 CSS 样式

使用 css() 方法可以设置元素的 CSS 样式：

$("#elementId").css("property", "value");

设置多个属性

使用 attr() 方法传入对象可以一次性设置多个属性：

$("#elementId").attr({
  "attribute1": "value1",
  "attribute2": "value2"
});

设置多个 CSS 样式

使用 css() 方法传入对象可以一次性设置多个样式：

$("#elementId").css({
  "property1": "value1",
  "property2": "value2"
});

设置 data 属性

使用 data() 方法可以设置元素的 data 属性：

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

设置元素宽度和高度

使用 width() 和 height() 方法可以设置元素的宽度和高度：

$("#elementId").width(200);
$("#elementId").height(100);

设置元素位置

使用 offset() 方法可以设置元素相对于文档的位置：

$("#elementId").offset({ top: 10, left: 30 });

设置元素内部滚动位置

使用 scrollTop() 和 scrollLeft() 方法可以设置元素的滚动位置：

$("#elementId").scrollTop(100);
$("#elementId").scrollLeft(50);

设置元素显示/隐藏

使用 show() 和 hide() 方法可以设置元素的显示或隐藏：

$("#elementId").show();
$("#elementId").hide();

设置元素透明度

使用 fadeTo() 方法可以设置元素的透明度：

$("#elementId").fadeTo("slow", 0.5);

设置元素动画

使用 animate() 方法可以设置元素的动画效果：

$("#elementId").animate({
  opacity: 0.25,
  left: "+=50",
  height: "toggle"
}, 1000);