在 jQuery 中，您可以使用以下方法来获取元素的内容和属性：

1. 获取元素的文本内容：

  • text()：获取或设置元素的文本内容。
  // 获取文本内容
  var textContent = $("#element").text();

  // 设置文本内容
  $("#element").text("新的文本内容");

text() 方法返回元素的纯文本内容，不包括 HTML 标签。

2. 获取元素的 HTML 内容：

  • html()：获取或设置元素的 HTML 内容。
  // 获取 HTML 内容
  var htmlContent = $("#element").html();

  // 设置 HTML 内容
  $("#element").html("<p>新的 HTML 内容</p>");

html() 方法返回元素的 HTML 内容，包括所有的 HTML 标签。

3. 获取表单元素的值：

  • val()：获取或设置表单元素的值。
  // 获取表单元素的值
  var value = $("#inputElement").val();

  // 设置表单元素的值
  $("#inputElement").val("新的值");

val() 方法用于获取或设置表单元素（如 <input>、<select>、<textarea>）的值。

4. 获取元素的属性值：

  • attr(attributeName)：获取元素的指定属性值。
  // 获取元素的 href 属性值
  var hrefValue = $("#link").attr("href");

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

5. 获取元素的属性值（包括布尔属性）：

  • prop(propertyName)：获取元素的指定属性值，适用于布尔属性。
  // 获取元素的 checked 属性值
  var isChecked = $("#checkbox").prop("checked");

prop() 方法用于获取元素的指定属性值，特别适用于布尔属性，如 checked、selected、disabled 等。

注意事项：

  • 使用 text() 和 html() 方法时，获取到的内容会根据方法的不同而有所区别：
    • text() 返回元素的纯文本内容，不包括 HTML 标签。
    • html() 返回元素的 HTML 内容，包括所有的 HTML 标签。
  • 使用 val() 方法时，获取到的是表单元素的当前值。
  • 使用 attr() 和 prop() 方法时，获取到的是元素的属性值。对于布尔属性，建议使用 prop() 方法。

更多关于 jQuery 获取内容和属性的详细信息，请参考 菜鸟教程。