상위 하위 또는 부모 자식 관계 활용

$(document).ready(function(){
       $("h2").html("dom 객체의 계층 구조 이해");

 

       $("table:eq(1) td:eq(0)").css("text-align","right");

              두번째 테이블의 첫번째 td     >> 상하관계

       var len =$("table:eq(0) td").length;

              첫번째 테이블의 모든 td        >> 상하관계

       $("table:eq(0) td").eq(len-1).css("background-color","yellow");

              첫번째 테이블의 마지막 td      >> 상하관계

       $("table:eq(1) tr:eq(2)").click(function(){

              두번째 테이블의 세번째 tr       >> 상하관계

              alert("경고!");
       });

});