我的运行后的代码如下所示:<div class="list_nr">
<dd>
<img src="images/newsDefault.jpg" name="imgNews" width="212" height="142" id="imgNews1" runat="server" />
</dd>
</div><div class="list_nr">
<dd>
<img src="images/newsDefault.jpg" name="imgNews" width="212" height="142" id="imgNews2" runat="server" />
</dd>
</div><div class="list_nr">
<dd>
<img src="images/newsDefault.jpg" name="imgNews" width="212" height="142" id="imgNews3" runat="server" />
</dd>
</div>
---------------
现在我想用Jquery来,加载时让所有的图片,执行相应的Js方法1. 当是页面只有一个image时,我这样是可以的。
$(document).ready(function() {
var imgHomeNewsId=document.getElementById("imgHomeNewsId");
AutoResizeImage(280,228,imgHomeNewsId);
centerImage(imgHomeNewsId,280,228);
});
2. 现在先加载时,让所有的图片调用如上的 js函数,请问该怎么写呢?
<dd>
<img src="images/newsDefault.jpg" name="imgNews" width="212" height="142" id="imgNews1" runat="server" />
</dd>
</div><div class="list_nr">
<dd>
<img src="images/newsDefault.jpg" name="imgNews" width="212" height="142" id="imgNews2" runat="server" />
</dd>
</div><div class="list_nr">
<dd>
<img src="images/newsDefault.jpg" name="imgNews" width="212" height="142" id="imgNews3" runat="server" />
</dd>
</div>
---------------
现在我想用Jquery来,加载时让所有的图片,执行相应的Js方法1. 当是页面只有一个image时,我这样是可以的。
$(document).ready(function() {
var imgHomeNewsId=document.getElementById("imgHomeNewsId");
AutoResizeImage(280,228,imgHomeNewsId);
centerImage(imgHomeNewsId,280,228);
});
2. 现在先加载时,让所有的图片调用如上的 js函数,请问该怎么写呢?
$('img').each(function(){
var imgHomeNewsId=$(this).attr('id');
AutoResizeImage(280,228,imgHomeNewsId);
centerImage(imgHomeNewsId,280,228);
});
});
<!DOCTYPE HTML>
<html>
<head>
<meta charset="gb2312" />
<title></title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<style>
</style>
</head>
<body>
<img src="http://avatar.profile.csdn.net/C/C/7/2_lzid2008.jpg" />
<img src="http://avatar.profile.csdn.net/C/C/7/2_lzid2008.jpg" />
<img src="http://avatar.profile.csdn.net/C/C/7/2_lzid2008.jpg" />
<img src="http://avatar.profile.csdn.net/C/C/7/2_lzid2008.jpg" />
<button id="btn">点击测试,加边框</button>
<script>
$('#btn').click(function(){
$('img').css('border', '2px solid red')
})
</script>
</body>
</html>楼主参考下