在 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()
方法用于设置元素的指定属性值,特别适用于布尔属性,如 checked
、selected
、disabled
等。
注意事项:
- 使用
text()
和html()
方法时,设置的内容会替换元素的所有文本或 HTML 内容。 - 使用
val()
方法时,设置的是表单元素的当前值。 - 使用
attr()
和prop()
方法时,设置的是元素的属性值。对于布尔属性,建议使用prop()
方法。
更多关于 jQuery 设置内容和属性的详细信息,请参考 菜鸟教程。
发表回复