본문 바로가기

JavaScript/JQuery

[jQuery] Child ( E > F )

정의 : 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 공식사이트