点击add按钮的时候怎么没反应


    <script src="../js/jquery-1.4.1.js" type="text/javascript">
        $(function() {
            $("#btn1").click(function() {
                $("#div1").attr("class", "class2");
//                $("#div1").addClass("class2");
            });
            $("#btn2").click(function() {
                $("#div1").removeClass("class2");
            });
            $("#btn3").click(function() {
                $("#div1").toggleClass("class2");
            });
        });
    </script>
    
    <style type="text/css">
    .class1{ background-color:Red;}
    .class2{ font-size:50px;}
    </style>
</head>
<body>
<div id="div1" class="class1 class2">您好</div>
<input type="button" value="add" id="btn1" />
<input type="button" value="remove" id="btn2" />
<input type="button" value="切换" id="btn3" />
</body>
</html>

解决方案 »

  1.   

    点击任何一个按钮都没用，为什么，代码是下面的
        <script src="../js/jquery-1.4.1.js" type="text/javascript">
            $(function() {
                $("#btn1").click(function() {
                    $("#div1").attr("class", "class2");
    //                $("#div1").addClass("class2");
                });
                $("#btn2").click(function() {
                    $("#div1").removeClass("class2");
                });
                $("#btn3").click(function() {
                    $("#div1").toggleClass("class2");
                });
            });
        </script>
        
        <style type="text/css">
        .class1{ background-color:Red;}
        .class2{ font-size:50px;}
        </style>
    </head>
    <body>
    <div id="div1" class="class1">您好</div>
    <input type="button" value="add" id="btn1" />
    <input type="button" value="remove" id="btn2" />
    <input type="button" value="切换" id="btn3" />
    </body>
    </html>
      

  2.   

    你的script 不能这样写
    <script src="../js/jquery-1.4.1.js" type="text/javascript"></script>
    <script language="JavaScript" type="text/javascript">
        $(function() {...</script>
    要分开
      

  3.   

    谢谢啊！成功了，可能是之前移动的时候把 <script type="text/javascript">给删了！
      

  4.   

    刚学这个jquery，问你一个问题啊？我写$("#btn1").click(function()的时候，$("#btn1")之后加了点，后面没反应，click还得自己敲，凡是括号后面的方法都得自己敲，这个问题怎么解决？
      

  5.   

    智能提示?其实用多了jquery常用的也就那几个方法 不过jquery官方有提供VS版本的js文件在VS下可以智能提示 官网下载页面上有 找visual studio  *-vsdoc.js
      

  6.   

    智能提示就是vsdoc吗?我在js文件夹下加了jquery-1.4.1和jquery-1.4.1-vsdoc这两个，你所说的ide是指ASP.NET WEB 应用程序和ASP.NET网站吗?
      

  7.   

    比如visual studio,eclipse,dreamweaver,记事本都可以是这个情景下的ide。你用新一点版本的ide一般都能支持了，比如vs2010,aptana
      

  8.   

    我在网上看了一个，他用的也是vs2008，他的可以智能提醒，我的不能，我的那个SP1补丁也装了，可是没用
      

  9.   


    你说的就是那个jquery-1.4.1-vsdoc吗，我加了，可是没用