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