jQuery에서 길이와 크기()의 차이점은 무엇입니까?
- 伊谢尔伦원래의
- 2017-06-17 09:12:552456검색
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 중국어 웹사이트의 기타 관련 기사를 참조하세요!