可以改为 css("background-image")，这样的话在FireFox、Chrome都通用
补充说明：FireFox中赋值的时候是可以用background的，但读取的时候不行，必须具体到里面的每个项目。
<style>
red{
background-color: red;
}
</style>
<div id="demo">
<a href="javascript:void(0)">萝卜</a>
<a href="javascript:void(0)">青椒</a>
<a href="javascript:void(0)">白菜</a>
<a href="javascript:void(0)">土豆</a>
</div>$(function(){
//绑定单击事件
//将事件绑定在DIV上,是利用事件的冒泡原理, 这样使用,
//使代码结构看起来更整洁,更容易搜索到单击事件发生的位置
//推荐在开发插件,或者其它比较复杂的功能时候,将事件绑定到父级容器
//这样即使此例中的A标签是后来通过 JAVASCRIPT脚本添加进来的,
//同样能够正确地处理
$('#demo')click(function(event){
var $target = $(eventtarget);
//判断如果点击的A标签,则执行以下代码
if(/^a$/itest(eventtargettagName)){
$targetaddClass('red')
siblings('a')removeClass('red');
alert('你点击了我:'+$targettext());
}
});
});
attr设置元素的属性，css是设置元素的style样式，具体用法如下示例：
<a href="#" id="link">这是一个JQ示例</a><script>
$("#link")css("display","none")
$("#link")attr("title","JQ添加的title")
</script>
这里给id为link的元素添加了title,且增加了display:none;的style样式。
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;
}
}
结果如下
我试了一下，用你的方法取出来的是px数值的字符串。没有遇到百分比的情况啊。
同时jq提供了直接获取宽度的方法：width([val|fn]) ，innerWidth() ，outerWidth([options]) ，他们返回的是数值。
以上就是关于firefox浏览器中jquery怎么获取到css（“background”）的值全部的内容，包括:firefox浏览器中jquery怎么获取到css（“background”）的值、关于jquery *** 作兄弟节点CSS的简单问题、jquery attr和css用法等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）