HTML代码:
<h3>纵向显示数组</h3> <div id="show1"></div> <h3>显示数组的键名和键值</h3> <div id="show2"></div> <h3>利用html元素创建数组并计算长度</h3> <div id="show3"></div>
Jquery:
$(document).ready(function(){ var animals = ['dog','cat','tiger','pig','bird']; $('#show1').html(animals.join('<br/>')); $.each(animals, function(index,value){ $('#show2').append('<li>index:'+index+' value:'+value+'</li>'); }); var ani = $('#show2 li'); $('#show3').append('数组的长度为:'+ani.length); });
显示结果:
知识点:
1,join(separator)方法以某个分隔符分割js数组,组成字符串;默认为逗号。
2,$.each( collection, callback(indexInArray, valueOfElement))遍历数组。collection:遍历的对象或数组。callback(indexInArray, valueOfElement):每个成员或者元素执行的回调函数
3,get()取得所有匹配的DOM元素集合。就是组成元素数组。不是jquery对象。