객체 조작 메서드
-
[제이쿼리] jQuery 객체편집 메서드Front/jquery 2020. 4. 2. 04:38
제이쿼리(jQuery) 객체편집 메서드 객체 편집 메서드 포스팅입니다. 객체 편집 메서드는 선택한 요소를 복제하거나 새 요소를 생성하는 메서드와 복제하거나 새로 생성한 요소를 의도한 위치에 삽입하고 선택한 요소를 삭제하는 기능이 있습니다. 아래에서 자세히 살펴보겠습니다. before()/insertBefore()/after()/insertAfter() 메서드 종류 설명 $("요소 선택").before("새 요소"); $("요소 선택")insertBefore("요소 선택"); 선택한 요소의 이전 위치에 새 요소를 추가합니다. $("요소 선택").after("새 요소"); $("새 요소").before("요소 선택"); 선택한 요소의 다음 위치에 새 요소를 추가합니다. append()/appendTo()/p..
-
[제이쿼리] jQuery 수치조작 메서드Front/jquery 2020. 4. 1. 22:34
제이쿼리(jQuery) 수치조작 메서드 제이쿼리 객체조작 메서드중 하나인 수치조작 메서드입니다. 수치 조작 메서드 수치 조작 메서드는 요소의 속성을 조작할 때 사용하는 메서드입니다. HTML을 조금 공부해보신 분이라면 다음과 같은 BOX 모델사진을 본 적이 많을 것으로 생각됩니다. 제이쿼리 수치 조작 메서드는 BOX 모델의 수치를 조작하는 것이라고 생각하면 쉽게 이해가 됩니다. 요소의 높이 / 너비 메서드 height와 width() 메서드는 여백 및 선 두께를 제외한 순수 요소의 높잇값과 너빗값을 계산합니다. innerHeight() 와 innerWidth() 메서드는 여백을 포함한 너빗값을 계산하고, outerHeight()와 outerWidth() 메서드는 여백 및 선을 포함한 요소의 높잇값과 너빗..
-
[제이쿼리] jQuery 속성조작 메서드Front/jquery 2020. 4. 1. 09:28
제이쿼리(jQuery) 속성 조작 메서드 안녕하세요? 장장스입니다. 제이쿼리 객체조작 메서드를 포스팅하려고 합니다. 객체 조작 메서드는 객체를 생성하거나 조작, 복제할 수 있습니다. 이번 포스팅은 그 중 하나인 속성 조작 메서드를 포스팅하겠습니다. 속성조작 메서드 속성 조작 메서드는 말그대로 속성 조작 메서드는 요소의 속성을 바꿀 때 사용합니다. 수치를 바꿀 땐 수치 조작 메서드, 객체를 생성하거나 삭제 또는 복제할 때 사용하는 객체 조작 메서드가 있습니다. html( ) /text( ) 메서드 종류 설명 $("요소 선택").html(); 선택한 요소의 하위 요소를 가져와 문자열로 반환합니다. $("요소 선택").html("새 요소"); 선택한 요소의 하위 요소를 전부 제거하고 지정한 새 요소를 생성합니..