在jquery中隐藏/显示图像

Question

单击超链接时如何显示/隐藏图像？

<script>
function getresource(id)
{
    if(id==4)
    {
       //show image
     }
    else if(id==5)
    {
         //hide image
     }

 } 
</script>
<a href="#" onclick="javascript:getresource('4');">Bandwidth</a>
<a href="#" onclick="javascript:getresource('5');">Upload</a>
<p align="center"> 
  <img id="img3" src="/media/img/close.png" style="visibility: hidden;" />
  <img id="img4" src="/media/img/close.png" style="visibility: hidden;" />
</p>

Answer 1

你想隐藏什么形象？假设所有图像,以下应该工作:

$("img").hide();

否则,使用选择器,您可以找到包含div的子元素的所有图像,并隐藏它们.

但是,我强烈建议您阅读Jquery文档,您可以自己弄明白:http://docs.jquery.com/Main_Page

Answer 2

带有图像类名称：

$('.img_class').hide(); // to hide image
$('.img_class').show(); // to show image

带有图片ID：

$('#img_id').hide(); // to hide image
$('#img_id').show(); // to show image