最近学习JQuery,学到$.each()略有所得,在此与各位分享,有不足之处请给予指正。
该方法的一般用法为$.each(obj,function(index,row){});
举例说明:
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
var arr=['a','b','c','d','f','g'];
$(document).ready(function(){
$.each(arr,function(key,val){
$('.show').append(key+"\t");
});
});
</script>
</head>
<body>
<div class="show"></div>
</body>
输出结果:0 1 2 3 4 5
若将蓝色字体的代码换成$('.show').append(val+"\t");
则输出结果是:a b c d e f g
由此可见,参数key和val就是数组arr的"键值"和"值"。
若定义一个对象:
var obj={a:1,b:2,c:3,d:4,f:5,g:6};
$.each(obj,function(key,val){
$('.show').append(key+"\t"); });输出为:a b c d e f g
$.each(obj,function(key,val){
$('.show').append(val+"\t"); });输出为:1 2 3 4 5 6
可见有JQuery的.each()类方法访问数组和对象"键值","值"是很方便的。
还有一个普通的each()方法。该方法的用法如下:
$(document).ready(function(){
$('div p').each(function(index){
alert(index);
});
<div>
<p></p>
<p></p>
<p></p>
</div>
输出结果为:依次弹出0 1 2
因此index就是标签<p>的键值(第一个标签<p>的键值为0)。
在此给出了两个each()放的用法,如有不足及错如之处请指出更正。
浙公网安备 33010602011771号