016-jQuery HTML-CSS()方法-CFANZ编程社区

016-jQuery HTML-CSS()方法
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>jQuery css()方法</title>
		<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
		<script>
			$(document).ready(function(){
				$("#btn1").click(function(){
					$("p").css("background-color","yellow");
				});
				$("#btn2").click(function(){
					$("p").css({
						"background-color":"yellow",
						"font-size":"200%"
					});
				});
			});
		</script>
	</head>
	<!--
		jQuery css()方法
			css()方法设置或返回被选元素的一个或多个样式属性
		返回CSS属性
			如需返回指定的CSS属性的值,请使用如下语法:
			css("propertyname","value");
			下面的例子将为所有匹配元素设置background-color值
			实例
			$("#btn1").click(function(){
				$("p").css("background-color","yellow");
			});
			设置多个css属性
				如果需要设置多个css属性,请使用如下语法:
				css({"propertyname":"value", "propertyname":"value",...});
				下面的例子将为所有匹配元素设置background-color和font-size:
				实例:
				
	-->
	<body>
		<h2>这是一个标题</h2>
		<p style="background-color: #FF0000;">这是一个段落</p>
		<p style="background-color: #00FF00;">这是一个段落</p>
		<p style="background-color: #0000FF;">这是一个段落</p>
		<p>这是一个段落</p>
		<button id="btn1">设置p元素的background-color</button>
		<button id="btn2">为p元素设置多个样式</button>
	</body>
</html>
0 条评论