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>热门推荐
10 五一祝福语大全简短最新
11 团体年会祝福语简短霸气
12 送给姐姐简短的祝福语
13 鱼的内涵简短祝福语
14 同学道别祝福语简短
15 经典祝福语简短情侣句子
16 高中升学宴祝福语简短
17 员工对同事祝福语简短
18 新老师祝福语 简短独特