jquery如何用for循环
如何让每一个按钮控制一个图片。。
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
for(i=0;i<4;i++){
$("#a"+i).click(function(){
$("#img"+i).attr({width:"50",height:"80"});
});
}
});
</script>
</head>
<body>
<img src="/i/eg_smile.gif" id="img1"/>
<br />
<button id="a1">设置图像的 width 和 height 属性</button>
<img src="/i/eg_smile.gif" id="img2"/>
<br />
<button id="a2">设置图像的 width 和 height 属性</button>
<img src="/i/eg_smile.gif" id="img3"/>
<br />
<button id="a3">设置图像的 width 和 height 属性</button>
<img src="/i/eg_smile.gif" id="img4"/>
<br />
<button id="a4">设置图像的 width 和 height 属性</button>
</body>
</html>
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
for(i=0;i<4;i++){
$("#a"+i).click(function(){
$("#img"+i).attr({width:"50",height:"80"});
});
}
});
</script>
</head>
<body>
<img src="/i/eg_smile.gif" id="img1"/>
<br />
<button id="a1">设置图像的 width 和 height 属性</button>
<img src="/i/eg_smile.gif" id="img2"/>
<br />
<button id="a2">设置图像的 width 和 height 属性</button>
<img src="/i/eg_smile.gif" id="img3"/>
<br />
<button id="a3">设置图像的 width 和 height 属性</button>
<img src="/i/eg_smile.gif" id="img4"/>
<br />
<button id="a4">设置图像的 width 和 height 属性</button>
</body>
</html>
...全文
相关推荐
jquery $.each 和for怎么跳出循环终止本次循环
如何在jquery 中的循环中终止本次循环或者跳出循环呢?经搜索发现个不错的方法,大家不妨参考下,希望对大家有所帮助
JQuery 性能分析系列一 —— for与each性能比较
最近在做一个性能优化方面的工作,遇到很多细节问题,现在一一把遇到的问题记录下来分享给大家,废话就不多谢,我直接贴代码。 for与each性能比较 function getSelectLength() { var time1 = new Date().getTime(); var len
jQuery中的for循环var与let的区别
主要介绍了jQuery中的for循环var与let的区别 ,非常不错,具有参考借鉴价值,需要的朋友可以参考下
jQuery的Each比JS原生for循环性能慢很多的原因
主要介绍了jQuery的Each比JS原生for循环性能慢很多的原因的相关资料,需要的朋友可以参考下
仿jQuery原生js实现----hasClass,removeClass,addClass
今天发现自己遇到事情总会很粗心,不是不会做,明明自己做出来了,却心急,然后将代码改错。说以前习惯差,说自己不够重视这个工作,不负责任都对。我改,毛病一定得改!!! jQuery的hasClass,removeClass,addClass我们经常用到,那么为了提高水平。决定自己实现一个,好好学习,天天向上。 1 2 3 4 5 6 hasClass =


基础编程
