高手指点：有关Jquery方面知识

我的运行后的代码如下所示：<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函数，请问该怎么写呢？

解决方案 »

  1.   

    你那个 AutoResizeImage 和  centerImage 是2个自定义的function吧。试试这样。$(document).ready(function() {
      $('img').each(function(){
        var imgHomeNewsId=$(this).attr('id');
        AutoResizeImage(280,228,imgHomeNewsId);
        centerImage(imgHomeNewsId,280,228);
      });
    });
      

  2.   


    <!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>楼主参考下