요소의 크기 제이쿼리는 선택한 요소의 크기에 관한 정보를 손쉽게 받아오거나 설정할 수 있도록 다양한 메서드를 제공 inner와 outer 접두사로 inner가 붙은 메서드는 선택한 요소의 크기에 패딩(padding) 영역이 포함된 크기 정보를 반환 접두사로 outer가 붙은 메서드는 패딩 영역뿐만 아니라 테두리(border) 영역까지 포함된 크기 정보를 반환 또한, 접두사로 outer가 붙은 메서드에 인수로 true 값을 전달하면, 패딩과 테두리 영역뿐만 아니라 마진(margin) 영역까지 포함된 크기 정보를 반환 메서드 반환값 .width(), .height() 요소의 크기 .innerWidth(), .innerHeight() 요소의 크기 + 패딩(padding)의 크기 .outerWidth(), .o..

기타 탐색 메서드 DOM 트리에서 요소의 탐색을 위해 사용되는 메서드 .add() : 선택한 요소의 집합에 전달받은 요소를 추가 $(function() { $("button").on("click", function() { $("li").add("p") // 선택한 요소의 집합에 요소를 추가함. .css({"border": "2px solid green"}); // 해당 요소의 CSS 스타일을 변경 }); }); $(function() { $("button").on("click", function() { $("#list").append("새로 추가된 아이템이에요!"); }); }); 위의 예제에서 알 수 있듯이 .add() 메서드는 선택한 '요소의 집합'에 인수로 전달받은 요소를 추가하는 메서드 하지만 ...