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小时内删除。
发表评论