JQuery的hide和show不起作用?

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
    <style type="text/css">
        .input
        {
         border:1px  solid #003863;
         font-size:14px;
         font-family:Arial,Helvetica,sans-serif;
         padding:3px;
         }
    </style>    <script src="JS/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(function(){
      $("input:first").click(function(){
          $("img").hide(3000);
          });
      $("input:last").click(function(){
          $("img").show(1000);
          });
     });
    </script></head>
<body>
    <form id="form1" runat="server">
    <input  type="button" value="Hide"/>
    <input type="button" value="Show"/>
   <img  src ="Image/1.bmp"/>
    </form>
</body>
</html>
------------------------------------本意想点Hide按钮时隐藏片,点Show按钮时显示图片.刚学JQuery,请各位高手指教!

解决方案 »

  1.   

     <script type="text/javascript"> 
        $(function(){ 
          $("input[@value=Hide]").click(function(){ 
              $("img").hide(3000); 
              }); 
          $("input[@value=Hide]").click(function(){ 
              $("img").show(1000); 
              }); 
        }); 
        </script> 
      

  2.   

     <script type="text/javascript"> 
        $(function(){ 
          $("input[@value=Hide]").click(function(){ 
              $("img").hide(); 
              }); 
          $("input[@value=Show]").click(function(){ 
              $("img").show(); 
              }); 
        }); 
        </script>
      

  3.   

    你用的服务端的form，返回到客户端的时候，会自动加入view state的input，显然input:first就不对了.
    jquery的代码要根据最后生成的html代码写。 
      

  4.   

    楼主，这样写是对的，测试通过。
      <script type="text/javascript">  
      $(function(){  
      $("input[value=Hide]").click(function(){  
      $("img").hide();  
      });  
      $("input[value=Show]").click(function(){  
      $("img").show();  
      });  
      });  
      </script>