jQuery | 获取内容和属性

jQuery 是一个流行的 JavaScript 库，可用于轻松地操作 HTML 文档、事件、动画和 AJAX。在本文中，我们将讨论如何在 jQuery 中获取元素的内容和属性。

获取元素的内容

在 jQuery 中，使用 .html() 方法获取元素的内容。该方法返回 HTML 元素的内容，包括其所有子元素。

例如，如果有一个 <div> 元素：

<div id="myDiv">
  <h1>Hello World!</h1>
  <p>This is a paragraph.</p>
</div>

我们可以通过以下方式获取其内容：

var content = $('#myDiv').html();
// content = '<h1>Hello World!</h1><p>This is a paragraph.</p>'

如果我们只想获取 <div> 元素中的文本内容而不包括子元素，可以使用 .text() 方法：

var textContent = $('#myDiv').text();
// textContent = 'Hello World! This is a paragraph.'

获取元素的属性

在 jQuery 中，使用 .attr() 方法获取元素的属性。该方法接受一个参数，它是要获取的属性的名称。

例如，我们可以使用以下代码获取一个链接元素 <a> 的 href 属性：

var linkHref = $('a').attr('href');
// assuming there is a <a href="https://example.com"> link </a> in the page
// linkHref will be 'https://example.com'

我们还可以使用另一个方法 .prop() 来获取属性，该方法是用于获取元素的属性值和属性类型的方法。

例如，我们可以使用以下代码获取一个复选框元素 <input type="checkbox"> 的 checked 属性：

var isChecked = $('input[type="checkbox"]').prop('checked');
// assuming the checkbox is checked
// isChecked will be `true`

以上是 jQuery 中获取元素的内容和属性的方法，这些方法在处理 HTML 文档和交互式 Web 项目中非常有用。