jQuery 怎么实现当鼠标滑过label时 label出现下划线并变化颜色

不用Jquery,用CSS样式足矣,
<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <style type="text/css">
        #lab:hover {
        border-bottom:1px black solid;
        background:#ccc;
        }
    </style>
</head>
<body>
    <label id="lab">标签</label>
</body>
</html>

解决方案 »

  1.   

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title></title>
        <script src="jquery-ui-1.8.20.js"></script>
        <script src="jquery-1.7.1.js"></script>
        <script type="text/javascript">
            $(function () {
                $("#lab").hover(
                    function () {
                        $(this).css({
                            "border-bottom":"1px black solid",
                            "background":"#ccc"
                        });
                    }
                    )
            })
        </script>
    </head>
    <body>
        <label id="lab">标签</label>
    </body>
    </html>