首頁 >web前端 >js教程 >jQuery中的length 和 size()差異是什麼?

jQuery中的length 和 size()差異是什麼?

伊谢尔伦
伊谢尔伦原創
2017-06-17 09:12:552456瀏覽

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>

以上是jQuery中的length 和 size()差異是什麼?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn