jquery获取css中:hover的样式 , 只需要获取

html-css024

jquery获取css中:hover的样式 , 只需要获取,第1张

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <link rel="stylesheet" href="jqhover.css"><!--这里显示外链式样式-->

    <!--<style>这里显示是内嵌式样式,两种方式都可以在下面的jq代码中获取到背景定位的值

        a{ background-position: 0px 0px}

        a:hover{ background-position: 120px -20px}

    </style>-->

    <script src="jquery-1.8.0.min.js"></script><!--这里引入jq库,你在使用的时候记住修改路径-->

    <script>

    $(function(){

        var bgPosition = $('a')

        bgPosition.hover(function(){

            alert($(this).css('background-position'))

        },function(){

            alert('ok')

        })

    })

    </script>

</head>

<body>

    <a href="#">1111111111111</a>

</body>

</html>

添加样式:.on{有背景,只是把背景设置在这个类里面。}

<div class="c"><a href="#" id="a" class="on">第一个</a><a href="# id="b">第二个</a></div>

$(".c").find("a").hover(function(){

$(this).addClass("on).siblings().removeClass("on)

})

希望能够帮助到您,谢谢。