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


jQuery.size() 方法

此方法返回对象中的元素数量。jQuery 1.8 中弃用了 size() 方法,并在 jQuery 3.0 中彻底删除。作为替代,使用了 length 属性。

示例

你可以尝试运行以下代码以了解如何使用 size() 方法。
注意:要运行 jQuery size() 方法,请使用小于 1.8 的 jQuery 版本,因为该方法在 jQuery 1.8 中已被弃用。通常来说,现在更推荐使用 length 属性。

现场演示

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/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

length 属性显示 jQuery 对象中元素的数量。Length 的作用与 size() 方法相同,且避免了函数调用的开销。

示例

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

现场演示

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/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>

更新于: 2019 年 12 月 12 日

370 次浏览

开启你的事业

通过完成课程获取认证

开始操作
广告