在 jQuery 中,您可以使用以下方法来设置元素的内容和属性:

1. 设置元素的文本内容:

  • text():设置或返回所选元素的文本内容。
  // 设置文本内容
  $("#element").text("新的文本内容");

text() 方法会替换元素的所有文本内容,移除其中的 HTML 标签。

2. 设置元素的 HTML 内容:

  • html():设置或返回所选元素的 HTML 内容。
  // 设置 HTML 内容
  $("#element").html("<b>新的 HTML 内容</b>");

html() 方法会替换元素的所有 HTML 内容,包括其中的 HTML 标签。

3. 设置表单元素的值:

  • val():设置或返回表单字段的值。
  // 设置表单元素的值
  $("#inputElement").val("新的值");

val() 方法用于设置表单元素(如 <input><select><textarea>)的值。

4. 设置元素的属性值:

  • attr(attributeName, value):设置元素的指定属性值。
  // 设置元素的 href 属性值
  $("#link").attr("href", "https://www.example.com");

attr() 方法用于设置元素的指定属性值。

5. 设置元素的属性值(包括布尔属性):

  • prop(propertyName, value):设置元素的指定属性值,适用于布尔属性。
  // 设置元素的 checked 属性值
  $("#checkbox").prop("checked", true);

prop() 方法用于设置元素的指定属性值,特别适用于布尔属性,如 checkedselecteddisabled 等。

注意事项:

  • 使用 text()html() 方法时,设置的内容会替换元素的所有文本或 HTML 内容。
  • 使用 val() 方法时,设置的是表单元素的当前值。
  • 使用 attr()prop() 方法时,设置的是元素的属性值。对于布尔属性,建议使用 prop() 方法。

更多关于 jQuery 设置内容和属性的详细信息,请参考 菜鸟教程