jQuery.size()和jQuery.length有什么区别？

jQuery.size()方法

此方法返回对象中元素的数量。该size()方法在jQuery 1.8中已弃用，在jQuery 3.0中已完全删除。或者，使用length属性。

示例

您可以尝试运行以下代码来学习如何使用size()方法。
注意：要运行jQuerysize()方法，请使用小于1.8的jQuery版本，因为它在jQuery 1.8中已弃用。通常，现在首选length属性。

<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.staticfile.org/jquery/1.6.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $(".btn").click(function(){
        alert($("li").size());
    });
});
</script>
</head>
<body>

<button class="btn">How many li elements?</button>

<ol>
  <li>India</li>
  <li>US</li>
  <li>UK</li>
  <li>Australia</li>
</ol>

</body>
</html>

jQuery长度

length属性显示jQuery对象中元素的数量。长度执行方法的相同工作，size()并避免了函数调用的开销。

示例

您可以尝试运行以下代码，以了解如何使用jQuery length属性：

<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $(".btn").click(function(){
        alert($("li").length);
    });
});
</script>
</head>
<body>

<button class="btn">How many li elements?</button>

<ol>
  <li>India</li>
  <li>US</li>
  <li>UK</li>
  <li>Australia</li>
</ol>

</body>
</html>

基础教程