size() 함수는 현재 jQuery 개체에 의해 캡슐화된 요소 수를 반환하는 데 사용됩니다. size() 함수는 길이 속성과 동일한 효과를 갖습니다. 이 함수는 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()에서 얻은 값은 동일합니다. ; 그러나 string을 얻으려면 $("#text").val().length
와 같은 길이를 사용해야 합니다. 문자열의 길이나 배열의 요소 수를 계산하려면 그러면 size 대신 length만 사용할 수 있습니다. ()
jQuery length와 size()의 차이점 위에서 볼 수 있듯이 size()는 length 속성을 호출하여 구현되며, length는 size()를 대체합니다. jquery 1.8 이후에는 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에서 길이와 크기()의 차이점은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!