div的使用Js 显示问题

开始有一个Input  ，然后获取焦点或是点击input 。再下边出现一个div.代码为什么不起作用。哪 有问题了。<script type="text/javascript">
    $(document).ready(function(){  
        $('#mydiv').style.display="hidden";
        $('#name')  
            .focus(function(){  
                  $('#name').style.display="visible";  
            })  
            .blur(function(){  
                   $('#name').style.display="visible";    
            })  
    });
</script>
  </head>
  
  <body>
     <table>
      <tr>
      <td>
       <input type="text" id="name" name="name">
      </td>
      </tr>
      <div id="mydiv" >
      <tr>
      <td>
       <input type="text" id="name" name="name" >
      </td>
      </tr>
      </div>
     </table>
  </body>

解决方案 »

  1.   

     $(document).ready(function(){  
            $('#mydiv').style.display="hidden";
            $('#name')  
                .focus(function(){  
                      $('#name').style.display="block";  
                })  
                .blur(function(){  
                       $('#name').style.display="none";    
                })  
        });
      

  2.   

     $(document).ready(function(){  
            $('#mydiv').style.display="hidden";
            $('#name')  
                .focus(function(){  
                      $('#name').show();
                })  
                .blur(function(){  
                       $('#name').hide();
                })  
        });
      

  3.   

     $('#name').style.display="visible";$("#name")是jQuery元素，而style.display是dom元素的用法，当然是不行的$("#name").show();//显示 
    $("#name").hide();//隐藏
      

  4.   


    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){  
            $('#mydiv').hide()
            $('#name').click(function(){
     $('#mydiv').show()
     
    })  
        });
    </script>
      </head>
      
      <body>
         <table>
             <tr>
                 <td>
                  <input type="text" id="name" name="name">
                 </td>
             </tr>
             <div id="mydiv">
                      <input type="text">
             </div>
         </table>
      </body>
      

  5.   

    // 晕，你的代码很多问题啊
    <script type="text/javascript">
        $(document).ready(function(){  
            $('#mydiv').hide();//$("#mydiv")得到的是一个jquery对象，没有style属性，如果隐藏直接调用他的hide方法
            $('#name')  
                .focus(function(){  
                      $("#mydiv").show(); // 照你说的意思应该是获取焦点时显示div，但看你到代码貌似不是那么回事
                })  
                .blur(function(){  
                       $("#mydiv").hide();
                })  
        });
    </script>
      

  6.   


    <script type="text/javascript">
        $(document).ready(function(){  
            $('#mydiv').hide();
            $('#name')  
                .focus(function(){  
                       $('#mydiv').show();
                })  
                .blur(function(){  
                         $('#mydiv').show();
                })  
        });
    </script>
      </head>
      
      <body>
         <table>
          <tr>
          <td>
           <input type="text" id="name" name="name">
          </td>
          </tr>
          <div id="mydiv" >
          <tr>
          <td>
           <input type="text"  >
          </td>
          </tr>
          </div>
         </table>
      </body>
    改成这样了。还是不起作用。
      

  7.   


    为什么获取焦点和失去焦点都是调用show方法？？show是显示，hide是隐藏
    你有没有引用jquery的js??
      

  8.   


    你的布局有问题，，，table里面怎么能嵌套div呢？？要不你把div放到td里面，要不你直接控制tr的显示和隐藏<table>
             <tr>
                 <td>
                  <input type="text" id="name" name="name">
                 </td>
             </tr>
                <tr id="mydiv"><!-- 把div去掉，div的id给这个tr -->
                     <td>
                      <input type="text" id="name" name="name" >
                     </td>
                </tr>
         </table>
      

  9.   

    我觉得楼主是一边看javascript 一边看jquery。。混了。。都是基础。。加油吧程序员们
      

  10.   

    看这个代码，我试过了完全可以：
           $('#mydiv').hide();
            $('#name')  
                .focus(function(){  
                      $("#mydiv").show();
                })  
                .blur(function(){  
                       $("#mydiv").hide();
                })  HTML代码：
                <td>
                  <input type="text" id="name" name="name">
                 </td>
                    <div id="mydiv" >
                      <input type="text" id="name1" name="name1" >
             </div>