note

자식 선택자 본문

JavaScript/jQuery

자식 선택자

투한 2012. 3. 20. 09:36 

















<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="http://code.jquery.com/jquery-1.7.js"></script>
<script>
	$(document).ready(function (){
		$('body > *').css('color','red');
	});
	
</script>
</head>
<body>
	<div>
		<ul>
			<li>Apple</li>
			<li>Bag</li>
			<li>Cat</li>
			<li>Dog</li>
			<li>Elephant</li>
		</ul>
	</div>
</body>
</html>

body의 자식을 style 적용하는 예제 입니다















<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="http://code.jquery.com/jquery-1.7.js"></script>
<script>
	$(document).ready(function (){
		$('body *').css('color','red');
	});
	
</script>
</head>
<body>
	<div>
		<ul>
			<li>Apple</li>
			<li>Bag</li>
			<li>Cat</li>
			<li>Dog</li>
			<li>Elephant</li>
		</ul>
	</div>
</body>
</html>






저작자표시 비영리 변경금지 (새창열림)

'JavaScript > jQuery' 카테고리의 다른 글

입력 양식 필터 선택자  (0) 2012.03.20
속성 선택자  (0) 2012.03.20
클래스 선택자  (0) 2012.03.19
ID 선택자  (0) 2012.03.19
태그 선택자  (0) 2012.03.19
'JavaScript/jQuery' Related Articles more