jQuery.size() 和 jQuery.length 有什麼區別?


jQuery.size() 方法

此方法返回物件中的元素個數。size() 方法在 jQuery 1.8 中已棄用,並在 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

373 次瀏覽

開啟你的職業生涯

完成課程,獲得認證

開始
廣告
© . All rights reserved.