jQuery.size()和jQuery.length有什么区别?
jQuery.size()方法
此方法返回对象中元素的数量。该size()方法在jQuery1.8中已弃用,在jQuery3.0中已完全删除。或者,使用length属性。
示例
您可以尝试运行以下代码来学习如何使用size()方法。
注意:要运行jQuerysize()方法,请使用小于1.8的jQuery版本,因为它在jQuery1.8中已弃用。通常,现在首选length属性。
<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.staticfile.org/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属性显示jQuery对象中元素的数量。长度执行方法的相同工作,size()并避免了函数调用的开销。
示例
您可以尝试运行以下代码,以了解如何使用jQuerylength属性:
<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.staticfile.org/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>热门推荐
5 短祝福语简短暖心
10 结婚祝福语粤语大全简短
11 晚上祝福语女生文案简短
12 法语妈妈生日祝福语简短
13 药厂开工祝福语大全简短
14 蛋糕节日祝福语简短英文
15 跨年的生日祝福语简短
16 文案祝福语英文短句简短
17 在家聚餐婚礼祝福语简短
18 学生节祝福语大全简短