jQuery | 长度属性

在面对 Web 开发时，我们常常需要通过 JavaScript 动态地操作 HTML 页面上的元素。首先，我们需要获取这些元素的属性和值，而其中，元素的长度属性是一项非常有用的属性，它能让我们获取 HTML 元素本身的数量。

在 jQuery 中，我们可以使用 .length 属性来获取已选元素的长度。接下来，让我们来看几个例子。

示例

例子 1

在下面的代码中，我们将选择所有 <p> 元素，并打印它们的数量：

console.log($('p').length);

这将输出类似于下面这样的结果：

3

例子 2

在下面的代码中，我们先将所有的 div 元素进行选择，接着选取其中类名为 box 的元素，并打印它们的数量：

console.log($('div.box').length);

这将输出类似于下面这样的结果：

2

例子 3

在下面的代码中，我们选取一个 ID 为 myList 的 ul 元素，并打印其中的 li 元素的数量：

console.log($('#myList li').length);

这将输出类似于下面这样的结果：

4

总结

通过上述示例，我们可以发现，.length 属性可以很方便地获取已选元素的数量。它是 jQuery 中的一个非常有用的属性，它可以让我们更方便地对网页上的元素进行操作。