javascript/jQuery
jQuery 자식선택자, 후손 선택자
다크곰
2012. 1. 17. 16:31
자식 선택자 예제
<!doctype html>
<html>
<head>
<title>jquery test</title>
<script src="http://code.jquery.com/jquery-1.7.min.js"></script>
<script>
$(document).ready(function () {
$('body >*').css('color','orange');
});
</script>
</head>
<body>
<div>
<ul>
<li>Apple</li>
<li>Bag</li>
<li>Cat</li>
<li>Dog</li>
<li>Elephant</li>
</ul>
</div>
</body>
</html>
자식 선택자를 사용하면 div 테그에만 스타일이 적용 된다.
후손 선택자 예제
<script>
$(document).ready(function () {
$('body *').css('color','orange');
});
</script>
후손 선택자를 사용하면 body 테그의 후손에 모두 스타일이 적용된다.
본문 출처 : 모던 웹을 위한 Javascript 입문 및 jQuery입문