如何有图像集的jquery事件

Question

所以我试图得到一个图片来设置一个jquery显示函数。我失败了，我已经尝试了很多没用的东西。jquery文档对我没有帮助:(

这是jquery，直接来自W3C。这就是我现在要做的事情。

$(document).ready(function(){
  $("#regi").click(function(){
    $("#reg").show();
  });
});

这是我想要展示的HTML，它从可见性开始:hidden;

<div id="reg">
  <image src = "../media/RegPage.png">
    <input type="text" name="usernameReg" value="email" STYLE="position: fixed; top: 175px; background-color: rgb(187,187,187); font-family: 'VT323', cursive;//#9cf;"/>
    <input type="password" name="pwrdReg" value="pass" STYLE="position: fixed; top: 195px; background-color: rgb(187,187,187); font-family: 'VT323', cursive;"/>
    <input type="password" name="VpwrdReg" value="pass" STYLE="position: fixed; top: 195px; background-color: rgb(187,187,187); font-family: 'VT323', cursive;"/>
</div>

这是图像。我试着用它作为按钮，并改变按钮的图像，没有任何运气。请帮助。想要这样，点击它将触发jquery的显示事件

<image id="show" src="../media/Register.png" ></image>

谢谢

Answer 1

在HTML中没有image标签，你应该使用img标签，它没有关闭标签。

<img id="show" src="../media/Register.png" />

还请注意，show方法不显示具有visibility: hidden属性的元素，您应该使用display: none代替，或使用css方法:

$("#reg").css('visibility', 'visible');

Answer 2

什么是#regi ?

试试改成:

$(document).ready(function(){
  $("#show").click(function(){
    $("#reg").show();
  });
});

正如@undefined所说，将image标签更改为img，因为HTML中没有<image/>标签。