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>
廣告