jquery的css方法
jQuery的css()方法用于设置或返回元素的CSS属性值。它有以下的语法格式:
设置CSS属性:(selector).css(propertyName, value)
返回或获取CSS属性:(selector).css(propertyName)
参数说明:
- selector:用于选择HTML元素的选择器。
- propertyName:要设置或获取的CSS属性的名称。
- value:要设置的CSS属性的值。
实例:
1. 设置样式:
html
<!DOCTYPE html>
<html>
<head>
    <title>jQuery CSS 方法</title>
    <script src="
    <script>
    (document).ready(function(){
        ("button").click(function(){
            ("p").css("background-color", "yellow");
        });
    });
    </script>
    <style>
    p {
        width: 200px;
        height: 100px;
        background-color: red;
    }
    </style>
</head>
<body>
    <button>设置颜</button>
    <p>这是一段文本。</p>
</body>
</html>
2. 获取样式:
html
<!DOCTYPE html>
<html>
<head>
    <title>jQuery CSS 方法</title>
    <script src="
    <script>
    (document).ready(function(){
        ("button").click(function(){
            alert(("p").css("background-color"));
        });
    });
    </script>
    <style>
    p {
        width: 200px;
        height: 100px;
        background-color: red;
jquery修改html内容    }
    </style>
</head>
<body>
    <button>获取颜</button>
    <p>这是一段文本。</p>
</body>
</html>
在上述示例中,我们使用CSS方法为P元素设置了背景颜,并使用CSS方法从该元素获取背景颜。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。