jQuery css 里的function 详解

这是官方描述:

参数name,回调函数 描述:

逐渐增加div的大小

jQuery 代码:
 $("div").click(function() { $(this).css({ width: function(index, value) { return parseFloat(value) * 1.2; }, height: function(index, value) { return parseFloat(value) * 1.2; } }); });

 

我这里主要讲一下这个index

代码:

 

$(“.testadd”).css({
width: function(inx, valu) {//传入位置inx,和当前值valu
//alert(valu);
return parseFloat(valu) * 1.5;
},
height: function(index, value) {
return parseFloat(value) * 1.2;
},
background: function(i,v){//i就是index,这里可以看到inxdex的应用~
if(i==1)
return “#000”;
if(i==0)
return “#f00″;
}
});

配合html:

<div class=”testadd” style=”border:1px solid #f00; width:50px; height:30px;”>
</div>
<div class=”testadd” style=”border:1px solid #f00; width:50px; height:30px;”>
</div>

 

ok 自己理解,理解不了留言。

最后看结果图: