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中文網其他相關文章!