JQ入门遇到问题


<!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>JQuery学习</title>    <script language="javascript" type="text/javascript" src="jquery-1.3.1.js"></script>
    <script language="javascript" type="text/javascript">
     $("#showww").click(
        function() {            $('div:odd').show(300);        }
  );
   </script>    <style type="text/css">
        body div
        {
            width: 500px;
            height: 30px;
            background: #ccc;
            border: 1px double yellow;
        }
        body div div
        {
            width: 500px;
            height: 10px;
            background: #666;
            
        }
    </style>
</head>
<body>
    <div>    </div>
    <div>
    </div>
    <div>
    </div>
    <div>
    </div>
    <div>
    </div>
    <div>
    </div>
    <input type="button" value="隐藏"  id="hid"/><input type="button" value="显示"  id="showww"/>
    
    <script type="text/javascript">        $("#hid").click(
        function() {            $('div:odd').hide(300);        }
  );
</script>
</body>
</html>为什么代码放在<head></head>之间没反应，但是放在input 后面就正常。这是为什么呢？没学过javascript，直接就学JQ了，所以好多都不明白，请指教！！！

解决方案 »

  1.   

    window.onload=function(){        $("#hid").click(
            function() {            $('div:odd').hide(300);        }
      );}
      

  2.   

    既然是jquery 直接在外面套个$(function() {});
    这个和页面的load顺序和解析方式有关。
      

  3.   

    $($("#showww").click(
            function() {
                $('div:odd').show(300);
            }
      );
    );
      

  4.   


    $(document).ready(function(){
       $("#hid").click(
            function() {            $('div:odd').hide(300);        });
    });楼主必须把有动作的代码放到$(document).ready(function(){});之间
      

  5.   

    $(document).ready(function(){});
    把写这个当成一种习惯把
    可以看看<锋利的jQuery>
      

  6.   

    不置可否我觉得应该把window.onload和$(document).ready()的区别弄清楚。
    不然的话可能会出现很多无法理解的情况 呵呵
      

  7.   

    $("#showww")的意思其实就是 document.getElementById('showww');在元素showww未加载到页面上的时候，$("#showww")没有反应的，因为它找不到 名为showww的元素。
    所以引用$("#showww")必须要到
    <input type="button" value="显示"  id="showww"/>加载之后。一种方法是在input 后面写，
    还有一种方法是在 方法体内部写
      

  8.   

    我就在看这本书啊，可以用了$(document).ready(function(){}); 也不行啊