jquery获取css中:hover的样式 , 只需要获取
展开全部
<!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>
展开全部
css
.content { width: 300px; height: 300px }
.content:hover { background-color: red; font-size: 24px }
js
alert($('.content:hover').css('background-color'))
// 或者
alert(window.getComputedStyle($('.content')[0], ':hover').getPropertyValue('font-size'))
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
hover是定义的css类么?还是超链接中的hover,$(".hover")
追问
就是a:hover的这个
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
$('div').css('hover')
更多追问追答
追问
没用undefined
追答
<!DOCTYPE HTML>
<html>
<head>
<meta charset=UTF-8 />
<title>Nothing</title>
<style type="text/css">
.class:hover {
background-color: red;
}
</style>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script>
window.onload = function ()
{
var reg = /\{[^\}]+\}/g;
var hover = $ ('style:contains(":hover")');
console.log (hover.text().match(reg)[0]);
}
</script>
</head>
<body>
<div class="class">ddd</div>
</body>
</html>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
你可以直接用火狐看,F12
追问
我是要jquery代码获取
追答
$("id").hover(function(){
alert($(this).attr("style"));
})
试一试这个
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询