<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="jqhovercss"><!--这里显示外链式样式-->
<!--<style>这里显示是内嵌式样式，两种方式都可以在下面的jq代码中获取到背景定位的值
a{ background-position: 0px 0px;}
a:hover{ background-position: 120px -20px;}
</style>-->
<script src="jquery-180minjs"></script><!--这里引入jq库，你在使用的时候记住修改路径-->
<script>
$(function(){
var bgPosition = $('a');
bgPositionhover(function(){
alert($(this)css('background-position'))
},function(){
alert('ok')
});
})
</script>
</head>
<body>
<a href="#">1111111111111</a>
</body>
</html>
<div class="sect selected{{selected}}">
<input type="checkbox" id="checkbox" checked>
<label for="checkbox" ng-click="changeSelected()"></label>
</div>
CSS代码
sect{width: 65px; height: 30px; background-color: #cccccc; display:
inline-block; text-align: center; position: relative;}
sect input[type='checkbox']{visibility: hidden;}
sect label{width: 30px; height: 28px; display:
block; top:1px; left: 1px; position: absolute;
background-color: #fafafa; z-index: 1; transition: all 04s ease;
-o-transition: all 04s ease; -moz-transition: all 04s ease;
-webkit-transition: all 04s ease;}
sect input[type='checkbox']:checked + sect{background-color: #32b16c!important;}
sect input[type='checkbox']:checked + label[for='checkbox']{left: 34px!important;}
css方法：
1、取得第一个段落的color样式属性的值。
$("p")css("color");2、将所有段落的字体颜色设为红色并且背景为蓝色。
$("p")css({ color: "#ff0011", background: "blue" });<html><head>
<title>JQuery中如何获取样式属性的值</title>
<script type="text/javascript" src="jqueryjs"></script>
<style>
top {
background: url(Tupianjpg) no-repeat;
width: 75px;
height: 90px;
}
</style>
<script type="text/javascript">
$(function () {
var url = $("divtop")css("background-image");
alert(url);
})
</script>
</head>
<body>
<div class="top"></div>
</body>
</html>
css();方法
获取或设置样式
对以下html标签进行样式的获取和设置
css();方法设置参数，参数为要设置的样式名
可用驼峰命名也可用css命名方式。注意样式名需要加''
点击获取按钮，结果：
但是在IE浏览器里，用 consolelog($('#div1')css('border')); 可能会不显示或出现undefined。
在IE浏览器中,要获取边框这样的样式值,一定要记得给一个准确的边框值。例如：
consolelog($('#div1')css('Border-top-width'));//2px
获取包含了多个DOM元素的jQuery对象的样式,只能获取到第一个DOM对象的样式。例如：
consolelog($('div')css('width'));//200px
css(样式名,样式值);
设置的样式是行内样式
单样式里样式名必须在''里，宽高度单位px可不写，这时300可不加''，如果加px，则必须为'300px'
多样式里样式名可不加''。但是 background-color:'green' 这样写报错。
给多个div一起设置样式
隐式迭代,把每一个div都设置了同样的样式
以上就是关于jquery获取css中:hover的样式 , 只需要获取全部的内容，包括:jquery获取css中:hover的样式 , 只需要获取、纯css3改变checkbox样式怎么获取值、JQuery中如何获取样式属性的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）