Heim  >  Artikel  >  Web-Frontend  >  Was ist der Unterschied zwischen length und size() in jQuery?

Was ist der Unterschied zwischen length und size() in jQuery?

伊谢尔伦
伊谢尔伦Original
2017-06-17 09:12:552378Durchsuche

Die Funktion

size() wird verwendet, um die Anzahl der vom aktuellen jQuery-Objekt gekapselten Elemente zurückzugeben. Die Funktion size() hat die gleiche Wirkung wie das Längenattribut. Diese Funktion gehört zum jQuery-Objekt (Instanz). Der Rückgabewert der Methode size() stimmt mit der Längeneigenschaft des jQuery-Objekts überein.

Grammatikstruktur:

$(selector).size()

Beispielcode:

<!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>

Der Unterschied zwischen jQuery-Länge und size() lässt sich wie folgt zusammenfassen:
1. Die Länge ist ein Attribut, die Größe () ist eine Methode. Für Tag-Objektelemente, wie z. B. das Zählen der Anzahl der Absatzelemente in der HTML-Seite e388a4556c0f65e1904146cc1a846bee94b3e26ee717c64999d7867364b1b4a3 dann $("p").size() == $("p").length

2. Wenn Sie nur die Anzahl der Elemente ermitteln möchten, ist der Effekt derselbe. Die von $("img").length und $("img").size() erhaltenen Werte sind Das Gleiche; aber wenn Sie Die Länge der Zeichenfolge erhalten, kann dies nur durch die Länge bestimmt werden, z. B. $("#text").val().length

Berechnen Sie die Länge einer Zeichenfolge oder berechnen Sie ein ArrayDie Anzahl der Elemente, dann können Sie nur length anstelle von size() verwenden

Der Unterschied zwischen jQuery-Länge und size() Aus dem Obigen ist ersichtlich, dass size() wird durch Aufrufen des Längenattributs implementiert, und in jquery 1.8 wurde später size() durch length ersetzt, was besser ist, da length keinen Funktionsaufruf zurückgeben muss.

Codebeispiel:

<!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>

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen length und size() in jQuery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn