日期:2014-05-16  浏览次数:20727 次

JQuery removeClass 报错问题. - Web 开发 / Ajax
JS 代码如下
JScript code

$(document).ready(function(){
$("#submit").click(function(){
    alert($("#userName").val() != "");
    ${"#userName"}.removeClass("userClass");
    });
        })



页面代码如下

HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title>欢迎登陆地球</title>
        <meta http-equiv="Content-Type" content="text/html; charset=gbk">
        <link rel="stylesheet"    href="css/login.css"/>
        <script type="text/javascript" src="js/jquery-1.4.2.js"></script>
        <script type="text/javascript" src="js/login.js"></script>
    </head>
    <body>
        <h1>dddddddddddddd地对地导弹</h1>
        <input type="text" id="userName" class="userClass"/>
        <input type="submit" id="submit"/>
    </body>
</html>




CSS代码如下:

CSS code

#userName{
border: 1px solid red;
border-bottom-color: yellow;
}






为什么会报removeClass那一行错误啊?

------解决方案--------------------
#userName{ border: 1px solid red; border-bottom-color: yellow; }




.userName{ border: 1px solid red; border-bottom-color: yellow; }