Rumah >hujung hadapan web >tutorial js >jQuery中的length 和 size()区别是什么？

jQuery中的length 和 size()区别是什么？

伊谢尔伦asal: 2017-06-17 09:12:552455semak imbas

size()函数用于返回当前jQuery对象封装的元素个数。size()函数与length属性的作用相同。该函数属于jQuery对象(实例)。size()方法的返回值与jQuery对象的length属性一致。

语法结构:

$(selector).size()

实例代码:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.php.cn/" />
<title>php.cn</title>
<style type="text/css">
span{color:red;}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){ 
  $("#btn").click(function(){ 
    $("span").text($("li").size()); 
  }) 
})
</script>
</head>
<body>
<div>
  <ul>
    <li>后台专区</li>
    <li>前台专区</li>
    <li>数据库专区</li>
    <li>站长交流</li>
  </ul>
</div>
<div>li元素集合中li元素的数量:<span></span></div>
<button id="btn">点击查看实例</button>
</body>
</html>

jQuery length和size()区别总结如下：
1.length是属性，size()是方法。针对标签对象元素，比如数html页面有多少个段落元素e388a4556c0f65e1904146cc1a846bee94b3e26ee717c64999d7867364b1b4a3那么此时的$("p").size() == $("p").length

2.如果你只是想获取元素的个数，两者效果一样既 $("img").length 和 $("img").size() 获取的值是一样的；但是如果是获取字符串的长度就只得用length, 如 $("#text").val().length

计算一个字符串的长度或者计算一个数组元素的个数那么此时只能用length而不能用size()

jQuery length和size()区别从上可以看出size()是调用length属性实现的，而且在jquery 1.8后 length取代了 size() ,因为length不需要返回一个函数调用，更优秀。

代码实例：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../js/jquery-1.4.2.js">
</script>
<script type="text/javascript">
$(function(){
    var imglength=$("img").length;   //2
    var imgsize=$("img").size();   //2
    var vallength=$("#text").val().length; //3
})
</script>
</head>
<body>
<img src="test1.jpg"/>
<img src="test2.jpg"/>
姓名<input type="text" id="text" value="aaa"/>
<!--
jQuery length和size()区别总结如下：
1.length是属性，size()是方法。
2.如果你只是想获取元素的个数，两者效果一样既 $("img").length 和 $("img").size() 获取的值是一样的；
但是如果是获取字符串的长度就只得用length, 如 $("#text").val().length
 
从上可以看出size()是调用length属性实现的，而且在jquery 1.8后 length取代了 size()  ,因为length不需要返回一个函数调用，更优秀。
 -->
</body>
</html>

Atas ialah kandungan terperinci jQuery中的length 和 size()区别是什么？. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：jquery中回调函数(callback)使用方法详解Artikel seterusnya：jquery 如何调整字体大小和行高？

Artikel berkaitan

Lihat lagi