jquery 如何给A连接的Hover状态加样式？？


为啥没效果？<!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 type="text/javascript" src="jquery.js"></script> <script type="text/javascript">
$(function(){
$("body a:hover").css({"background-color":"red","color":"yellow"});
})
</script></head> <body> <a href="#">click</a></div>
<br/>
<a href="#">click</a></div>
<br/>
<a href="#">click</a></div></div>
</body> 
</html> 
           

解决方案 »

  1.   

    $("body a:hover").css({background-color:"red",color:"yellow"});
      

  2.   


    $("body a").hover(
          function () {
            $(this).css({"background-color":"red","color":"yellow"});
          },
          function () {
            //移出的时候 
          }
        ); 
      

  3.   


    !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 type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript">
    $(function(){
        $("a").hover(function(){
    $(this).css({"background-color":"red",color:"yellow"});
    });
    })
    </script></head> <body> <a href="#">click</a></div>
    <br/>
    <a href="#">click</a></div>
    <br/>
    <a href="#">click</a></div></div>
    </body> 
    </html> 
           
      

  4.   

    反正要到hover 的时候加css 样式。。
      

  5.   

    直接用css就行，为什么要用jquery？
      

  6.   

    为什么舍本逐末？
    为什么很多人学了jquery就把它当成了web开发的一切？
      

  7.   


    这是不自觉的啊,要是jquery写多了,原本的js很容易就忘了.因为jquery兼容性确实还不错的
      

  8.   


    如果这个世界上没有IE了,我就放弃用jquery了