jquery怎么判断css属性的值

html-css023

jquery怎么判断css属性的值,第1张

Jquery css函数用法(判断标签是否拥有某属性)

判断一个层是否隐藏:

$("#id").css("display")=="none"

在所有匹配的元素中，设置一个样式属性的值:

$("p").css("color","red")

把一个“名/值对”对象设置为所有匹配元素的样式属性。

这是一种在所有匹配的元素上设置大量样式属性的最佳方式

1

$("p").css({ color: "#ff0011", background: "blue" })

如果属性名包含 "-"的话，必须使用引号:

1 $("p").css({ "margin-left": "10px", "background-color": "blue" })

可以改为 css("background-image")，这样的话在FireFox、Chrome都通用

补充说明：FireFox中赋值的时候是可以用background的，但读取的时候不行，必须具体到里面的每个项目。

css方法：

1、取得第一个段落的color样式属性的值。

$("p").css("color")

2、将所有段落的字体颜色设为红色并且背景为蓝色。

$("p").css({ color: "#ff0011", background: "blue" }) <html>

<head>

    <title>JQuery中如何获取样式属性的值</title>

    <script type="text/javascript" src="jquery.js"></script>

    <style>

        .top {

            background: url(Tupian.jpg) no-repeat

            width: 75px

            height: 90px

        }

    </style>

    <script type="text/javascript">

        $(function () {

            var url = $("div.top").css("background-image")

            alert(url)

        })

    </script>

</head>

<body>

    <div class="top"></div>

</body>

</html>