Quelle est la différence entre length et size() dans jQuery ?-js tutoriel-php.cn

Quelle est la différence entre length et size() dans jQuery ?

伊谢尔伦

Libérer： 2017-06-17 09:12:55

original

2459 Les gens l'ont consulté

La fonction

size() est utilisée pour renvoyer le nombre d'éléments encapsulés par l'objet jQuery actuel. La fonction size() a le même effet que l'attribut length. Cette fonction appartient à l'objet (instance) jQuery. La valeur de retour de la méthode size() est cohérente avec la propriété length de l'objet jQuery.

Structure grammaticale :

$(selector).size()

Copier après la connexion

Exemple de code :

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

Copier après la connexion

La différence entre jQuery length et size() est résumée comme suit :
1. length correspond aux attributs, size() est une méthode. Pour les éléments d'objet de balise, comme compter le nombre d'éléments de paragraphe il y a dans la page html

alors $("p").size() == $("p").length

2. Si vous souhaitez simplement obtenir le nombre d'éléments, l'effet est le même. Les valeurs obtenues par $("img").length et $("img").size() sont les. pareil ; mais si vous obtenez La longueur de la chaîne ne peut être déterminée que par la longueur, comme $("#text").val().length

Calculez la longueur d'une chaîne ou calculez un tableauLe nombre d'éléments, alors vous ne pouvez utiliser que la longueur au lieu de la taille()

La différence entre jQuery length et size() D'après ce qui précède, on peut voir que size() est implémenté en appelant l'attribut length, et dans jquery 1.8 ultérieur, length a remplacé size(), ce qui est mieux car length n'a pas besoin de renvoyer un appel de fonction.

Exemple de code :

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

Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!