jquery set

jQuery 设置属性或值的方法

jQuery 提供了多种方法来设置 HTML 元素的属性、样式、内容等。以下是一些常用的设置方法：

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

$("#element").text("新的文本内容");
$("#element").html("<strong>新的HTML内容</strong>");

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

$("#element").attr("href", "https://example.com");

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

$("#element").css("color", "red");
$("#element").css({
  "color": "red",
  "font-size": "20px"
});

设置表单元素的值 使用 val() 方法可以设置表单元素的值：

$("#inputField").val("新的值");

设置数据属性 使用 data() 方法可以设置元素的自定义数据属性：

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

jQuery 设置多个元素

jQuery 的选择器可以匹配多个元素，所有设置方法会同时作用于所有匹配的元素：

$(".items").text("统一文本内容");

jQuery 链式调用

jQuery 支持链式调用，可以在一行代码中执行多个设置操作：

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

jQuery 设置回调函数

某些设置方法可以接受回调函数，动态计算要设置的值：

$("div").text(function(index, currentText) {
  return "当前文本是：" + currentText;
});

jQuery 设置类名

使用 addClass()、removeClass() 和 toggleClass() 可以操作元素的类：

$("#element").addClass("active");
$("#element").removeClass("inactive");
$("#element").toggleClass("highlight");

jQuery 设置元素尺寸

使用 width() 和 height() 方法可以设置元素的尺寸：

$("#element").width(500);
$("#element").height("300px");