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頁面有多少個段落元素
# 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中文網其他相關文章！
