
可以改为 css("background-image"),这样的话在FireFox、Chrome都通用
补充说明:FireFox中赋值的时候是可以用background的,但读取的时候不行,必须具体到里面的每个项目。
jquery获取对象的css属性值的时候,就算我们没有给这个对象设置过css属性值,这些值也会存在,只不过有些是默认值。下面我们来输出一个div的css属性值,原始代码如下
<!DOCTYPE html><html>
<head>
<title>DIV_TEST</title>
<meta charset="utf-8"/>
<style type="text/css">
#top1{
}
</style>
</head>
<body>
<div id="top1">
<u>你好我是某某某</u>
</div>
<script src="jquery-321minjs" ></script>
<script>
$(document)ready(function(){
consolelog("float的值是:"+$("#top1")css("float"));
consolelog("height的值是:"+$("#top1")css("height"));
consolelog("overflow的值是:"+$("#top1")css("overflow"));
consolelog("color的值是:"+$("#top1")css("color"));
consolelog("big的值是:"+$("#top1")css("big"));
});
</script>
</body>
</html>
结果如下
可以看到我们没有设置过div的css属性,除了高度以外剩下的只要存在这个css属性的都是默认值,唯一不同的是最后一个big属性,我们知道这个属性不是css的属性,因此我们判断有没有某个属性的时候可以通过这个方式判断
$(document)ready(function(){consolelog("是否存在big属性:"+testHasCss($("#top1"),"big"));
consolelog("是否存在color属性:"+testHasCss($("#top1"),"color"));
consolelog("是否存在display属性:"+testHasCss($("#top1"),"display"));
consolelog("是否存在gogo属性:"+testHasCss($("#top1"),"gogo"));
});
var testHasCss = function(obj,cssStr){
if((obj)css(cssStr) === undefined){
return false;
}else{
return true;
}
}
结果如下
看了一下jquery'的API,看到animate方法的介绍里有:
animate( properties, options )
options -> progress
Type: Function( Promise animation, Number progress, Number remainingMs )
每一步动画完成后调用的一个函数,无论动画属性有多少,每个动画元素都执行单独的函数。(version added: 18)
应该这样写:
$('div')animate(
{
top:'200px'
},
{
easing:'linear',
duration: 3500, //延时换这种方式写
progress: function() {
$("div")text($('div')css("top"))
}
},
function() {
$("div")text($('div')css("top"))
}
);
可以啊,我用你的代码d出了 alert($("span")attr('style'));
但是你的style里的数值都没有单位,这是一个错误。
jquery中css() 方法可以设置或返回被选元素的一个或多个样式属性,下面的例子将返回首个匹配元素的 background-color 值:
$("p")css("background-color");父级的同级元素的子标签的css样式如下:
//eq(0)表示选择匹配到多个元素中的第一个$("target")parent()siblings()eq(0)children()eq(0)
以上就是关于firefox浏览器中jquery怎么获取到css(“background”)的值全部的内容,包括:firefox浏览器中jquery怎么获取到css(“background”)的值、jquery 检查元素是否有某个css属性、jquery的animate怎么获取动画的CSS属性呢等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)