firefox浏览器中jquery怎么获取到css(“background”)的值

firefox浏览器中jquery怎么获取到css(“background”)的值,第1张

可以改为 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属性呢等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9610273.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-30
下一篇2023-04-30

发表评论

登录后才能评论

评论列表(0条)

    保存