jquery怎么获取style里面的属性值

html-css09

jquery怎么获取style里面的属性值,第1张

jquery获取style的属性值有两种方法

第一种是getElementById() 方法。它可以返回对拥有指定 ID 的第一个对象的引用。在操作文档的一个特定的元素时,最好给该元素一个 id 属性,为它指定一个(在文档中)唯一的名称,然后就可以用该 ID 查找想要的元素。

第二种是getElementsByName() 方法,它可以返回带有指定名称的对象的集合。该方法与getElementById() 方法相似,但是它查询元素的 name 属性,而不是 id 属性。另外,因为一个文档中的 name 属性可能不唯一(如 HTML 表单中的单选按钮通常具有相同的 name 属性),所有 getElementsByName() 方法返回的是元素的数组,而不是一个元素。

Jquery

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

判断一个层是否隐藏:

("#id").css("display")="none在所有匹配的元素中,设置一个样式属性的值:

("p").css("color","red")把一个“名/值对”对象设置为所有...

Jquery

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

判断一个层是否隐藏:

("#id").css("display")="none在所有匹配的元素中,设置一个样式属性的值:

("p").css("color","red")把一个“名/值对”对象设置为所有...

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>