<div id="user" class="current">
    </div>
    <script type="text/javascript">
        var temp = $("#user");
        
        $("#user").hover(
        function() {
        $(this).addClass("aaa");},
        function() {
        $(this).removeClass().addClass("ttt");}
        ); 
    </script>以上代码运行之后无法更改class

解决方案 »

  1.   


    <!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>无标题文档 </title> 
    <script language="javascript" src="jquery.js"> </script> 
    <style>
    .current { background-color: #000; }
    .aaa { background-color: red; }
    .ttt { background-color: blue; }
    </style>
    </head> 
    <body> 
     <div id="user" class="current">Test</div>
        <script type="text/javascript">
            var temp = $("#user");
            $("#user").hover(
    function() {
    $(this).removeClass().addClass("aaa");},
    function() {
    $(this).removeClass().addClass("ttt");}
            ); 
        </script>
    </body> 
    </html>
      

  2.   

    汗,走入误区了,以为更换了类名之后源代码变成以下<div id="user" class="ttt">Test</div>