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