jQuery를 스타일 컨트롤 - 자습서의 전면 시리즈의 배경 (56)를 볼 수있는 프로그래머에게

저작권

이 문서 원래 저자 : 컬럼비아 밸리의 동생
블로그 주소 : HTTP : //blog.csdn.net/lfdfhl

개요

jQuery를 물체에 원래 스타일의 엘리먼트를 수정하는 CSS () 메소드를 호출 할 수있는 구문은 다음된다 :

jQuery对象.css({"属性1": "值1","属性2": "值2","属性3": "值3",....});

단일 세트의 속성이 제거 쉼표의 속성 및 값 사이에있는 괄호 분리하는데 이용 될 수 있으면, 다음과 같은 구문은 :

jQuery对象css("background-color","yellow");

예

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>jQuery样式控制</title>
		<!--引入jquery文件 -->
		<script src="js/jquery-1.11.3.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function() {
				$("#author").css({"background-color":"yellow"});
				$("#blog").css("background-color","yellow");
				$("#welcome").css({"width": "400px","height": "200px","font-size": "60px","color": "green"});
			});
		</script>
	</head>
	<body>
		<h2 id="author" style="color: red;">本文作者：谷哥的小弟</h2>
		<h2 id="blog" style="color: red;">博客地址：http://blog.csdn.net/lfdfhl</h2>
		<div id="welcome">Hello jQuery</div>
	</body>
</html>

그림 삽입 설명 여기

컬럼비아 밸리의 동생의 블로그 전문가

출시 1022 원저 · 원 찬양 1986 · 조회수 2,380,000 +

그의 메시지 보드 우려

jQuery를 스타일 컨트롤 - 자습서의 전면 시리즈의 배경 (56)를 볼 수있는 프로그래머에게

저작권

개요

예

추천