JavaScript/JQuery
[jQuery] Child ( E > F )
햄볶는뚱땡이
2011. 2. 26. 18:06
정의 : E (parent 부모) 엘리먼트 바로 밑에 있는 모든 F (child 자식) 엘리먼트를 리턴 합니다.
Source Exam ) ul 태그의 id 값이 topnav 인 li 태그에 다음과 같이 css 의 border 의 3px double red 속성을 추가 하여라.
<!DOCTYPE html>
<html>
<head>
<style>
body { font-size:14px; }
</style>
<script src="http://code.jquery.com/jquery-1.5.js"></script>
</head>
<body>
<ul class="topnav">
<li>Item 1</li>
<li>Item 2
<ul><li>Nested item 1</li><li>Nested item 2</li><li>Nested item 3</li></ul>
</li>
<li>Item 3</li>
</ul>
<script>$("ul.topnav > li").css("border", "3px double red");</script>
</body>
</html>
결과 )
jQuery API 공식사이트
child.html