AI编程助手
AI免费问答

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

伊谢尔伦   2017-06-17 09:12   2613浏览 原创

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

语法结构:   

$(selector).size()

实例代码:

nbsp;html>


<meta><meta><title>php.cn</title><style>
span{color:red;}
</style><script></script><script> 
$(document).ready(function(){ 
  $("#btn").click(function(){ 
    $("span").text($("li").size()); 
  }) 
})
</script><div>
  <ul>
    <li>后台专区</li>
    <li>前台专区</li>
    <li>数据库专区</li>
    <li>站长交流</li>
  </ul>
</div>
<div>li元素集合中li元素的数量:<span></span>
</div>
<button>点击查看实例</button>

  jQuery length和size()区别总结如下:
    1.length是属性,size()是方法。针对标签对象元素,比如数html页面有多少个段落元素

那么此时的$("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不需要返回一个函数调用,更优秀。

代码实例:

nbsp;html>


<meta><title>Insert title here</title><script>
</script><script>
$(function(){
    var imglength=$("img").length;   //2
    var imgsize=$("img").size();   //2
    var vallength=$("#text").val().length; //3
})
</script>
@@##@@
@@##@@
姓名<input><!--
jQuery length和size()区别总结如下:
1.length是属性,size()是方法。
2.如果你只是想获取元素的个数,两者效果一样既 $("img").length 和 $("img").size() 获取的值是一样的;
但是如果是获取字符串的长度就只得用length, 如 $("#text").val().length
 
从上可以看出size()是调用length属性实现的,而且在jquery 1.8后 length取代了 size()  ,因为length不需要返回一个函数调用,更优秀。
 -->
声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。