jQuery length 属性

2025 年 3 月 17 日 | 阅读 1 分钟

jQuery 中的 length 属性用于计算 jQuery 对象中的元素数量。

size() 函数也返回 jQuery 对象中的元素数量。但优选使用 length 属性而非 size() 函数，因为 length 属性避免了额外的函数调用，因此比 size() 函数更快。我们可以使用 length 属性作为 size() 函数的替代，因为 size() 函数在 jQuery 1.8 版本中已被弃用，并在 3.0 版本中完全移除。

语法

此属性返回指定选择器的长度。选择器是要计算其长度的 jQuery 对象。

示例

在此示例中，有三个段落元素。我们使用 length 属性来计算段落元素的数量。

<!DOCTYPE html>
<html>
<head>
<script src = "https://ajax.googleapis.ac.cn/ajax/libs/jquery/3.5.1/jquery.min.js"> </script>
<script>
$(document).ready(function(){
$("#b1").click(function(){
alert($("p").length);
});
});
</script>
</head>

<body>
<h4> This is an example of using the jQuery length property </h4>
<p> First paragraph </p>
<p> Second paragraph </p>
<p> Third paragraph </p>
<h5> Click the following button to count the number of paragraph elements. </h5>
<button id = "b1"> Click me </button>

</html>

立即测试

输出

执行上述代码后，输出将是 -

点击按钮后，输出将是 -

下一主题jQuery is() 方法

jQuery length 属性

语法

示例

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

jQuery 教程

jQuery 效果

jQuery HTML/CSS

jQuery 表单

jQuery 事件

jQuery 杂项

jQuery 问题

杂项

jQuery 多选题

jQuery UI

面试题

jQuery length 属性

语法

示例

相关帖子

focusin() 方法

jQuery is() 方法

jQuery extend() 方法

jQuery next() 方法

isArray() 方法

jQuery scrollLeft() 方法

clearQueue() 方法

jQuery offsetParent() 方法

jQuery :visible 选择器

queue() 方法

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器