not set

jQuery 자식선택자, 후손 선택자 본문

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입문
저작자표시

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

jQuery input box 선택시에 색상 넣기  (0) 2012.01.17
jQuery 속성 선택자  (0) 2012.01.17
jQuery 클래스 선택자  (0) 2012.01.17
jQuery 메서드의 기본 형태  (0) 2012.01.17
jQuery 의 ready()  (0) 2012.01.17
'javascript/jQuery' Related Articles more