jquery中hide()和show()方法的问题，求帮助。

<div id="div1">
     <div id="div2"></div>
</div>
页面加载的时候执行
init(){
$div1Panel=$("div1");
$div1Panel.hide();
}两外有一个button的click事件里当我点击的时候我希望div1 show出来而div2 hide。
可是我这么写
onclick()
{
$div1Panel=$("div1");
$div1Panel.show();
$div2Panel=$("div2");
$div2Panel.hide();
}可是得不到我要的效果。求高手告诉应该怎么做。我不想用document.getElementById然后设置其display的属性。
就像用hide和show方法，请问有没有实现的方法。

解决方案 »

  1.   

    init(){
    $div1Panel=$("div1");// 改为$div1Panel=$("#div1");       ID选择器请在前面加"#"号
    $div1Panel.hide();
    }// 同理加"#"号
    $div1Panel=$("div1"); //$div1Panel=$("#div1");
    $div2Panel=$("div2");//$div2Panel=$("#div2");
      

  2.   

    刚才手打的时候忘记打上去了，加了#号 貌似也没什么效果，div2还是隐藏不掉。
      

  3.   

    唔，这是很久以前的账号了，我知道了，以前不懂事，不知道csdn是个好地方，现在发现了。救命
      

  4.   

    <!-- 导入jquery -->
    <script src="/comm/jquery.js" type="text/javascript"></script><body>
        <div id="div1">
             <div id="div2">
              </div>
        </div>
        <input type="button" id="button1" />
    </body><script  type="text/javascript">
        $(document).ready(function(){// 页面载入时执行
            $("#div1").hide();// 隐藏div1
             $("#button1").click(funciton(){// 绑定按钮"button1"的单击事件
                    $("#div1").show();//显示div1
                     $("#div2").hide();//隐藏div2
             });
        });
    </script>
      

  5.   

      <script type="text/javascript">
    $(function(){
    $div1Panel=$("#div1");
    $div2Panel=$("#div2");
    $btn = $("#btn1");
    $div1Panel.hide();
    $btn.click(function(){
    $div1Panel.show();
    $div2Panel.hide();
    })
    })
      </script>
    没错啊
      

  6.   

      $(document).ready(function () {
                $("button").toggle(function () {
                    $("#div1").show();
                    $("#div2").hide();
                }, function () {
                    $("#div1").hide();
                    $("#div2").show();
                });
            })
    <div id="div1">
            div1</div>
        <div id="div2">
            div2</div>
        <button type="button">
            Submit</button>