1. #guguBtn 버튼 클릭 시 #gugu 하위에 아래의 형태의 html이 출력되도록 하시오. 2단 구구단 완성된 결과물 2 X 1 = 2 2 X 2 = 4 2 X 3 = 6 2 X 4 = 8 2 X 5 = 10 2 X 6 = 12 2 X 7 = 14 2 X 8 = 16 2 X 9 = 18 2. 아래의 버튼 클릭 시 같은 행의 '미완료'로 표기된 텍스트를 '완료'로 바꾸시오. 미완료 확인 미완료 확인 미완료 확인 미완료 확인 미완료 확인 3. 아래의 객체들의 값들이 변경시 #totalPrice에 계산하여 값을 출력하도록 하시오. 상품 기본가격 10000원 상품 수량 상품 옵션 :: 크기선택 :: 라지 (+1000) 미디움 (+500) 총 합산가격 0 원 1. 답 2. 답 3. 답

- 제이쿼리 메서드를 활용하여 요소 조작이 가능하다. (text 요소, html 요소) (innerText, innerHTML) - 제이쿼리 메서드를 활용하여 속성 조작이 가능하다. (속성, 상태속성) (getAttribute, setAttribute, classList, style) - 제이쿼리 메서드를 활용하여 document 객체 조작이 가능하다. (element 객체) (appendChild, createElement) 요소 조작 메서드 - 텍스트 요소 및 html 요소 조작 - text() -> 선택된 객체의 텍스트 요소를 가지고 오거나 변경 - html() -> 선택된 객체의 html 요소를 가지고 오거나 변경 객체 조작 메서드 - append() -> 선택된 객체에 인수에 삽입된 제일 마지막..

1. 아래의 버튼을 클릭 시 체크된 대상의 값을 합산하여 아이디 result 에 출력하도록 하여라. 사과 배 포도 계산 2. btn01 버튼 클릭 시 해당 행을 제거와 동시에 #ul02 의 동일한 행을 제거하시오. 제거 제거 제거 안녕하세요 안녕하세요 안녕하세요 1. 답 2. 답

- 검색된 객체는 배열로 반환된다. - 배열로 반환된 객체를 쉽게 원소에 접근 할 수 있도록 만들어진 메서드가 있다. - $('선택자').each(function(){}) -> 선택자로 검색된 배열 객체를 each 메서드로 통하여 원소를 하나씩 접근 할 수 있도록 도와주는 메서드 - $('선택자').index('직접 선택자 혹은 인접관계 선택자로 찾아진 배열 객체 중 1개') -> 인수에 삽입된 객체를 앞에 검색된 객체와 비교하여 일치하는 객체의 index를 찾아 반환 each - 검색된 배열 객체를 메서드를 통해 원소에 쉽게 접근 가능 mydiv mydiv mydiv mydiv index - 검색된 배열 객체 중 원소를 인수에 삽입하여 해당 원소의 인덱스값 검색 클릭 클릭 클릭 클릭

이벤트 등록 메서드 - 이벤트 관련 메서드는 이벤트 명칭으로 메서드가 구성되어 있다. - 이벤트 종류 : click, blur, change, keyup, keydown, keypress - 이벤트 등록은 이벤트 메서드를 활용하거나, on 메서드를 활용하여 이벤트를 등록 시킬 수 있다. - 이벤트 등록 해제 메서드는 off 메서드이다. 이벤트 관련 메서드 사용하여 이벤트 등록 ( 바인딩 ) on 메서드를 활용하여 이벤트 등록 ::선택:: 1 2 3 off 메서드로 등록 된 이벤트 제거하기 - off( ) -> 선택된 객체의 전체 이벤트 제거 - off('이벤트명') -> 선택된 객체에 인수에 삽입도니 이벤트만 제거 클릭 이벤트트리거 - 등록된 이벤트행위를 행하는 것 - trigger('이벤트 명'); -..

1. 버튼 클릭 시 해당 행의 .my-text 라는 클래스를 찾아 상위 article 태그를 제거하시오. 클릭 한국스마트정보교육원 클릭 한국스마트정보교육원 클릭 한국스마트정보교육원 ​ 2. 버튼 클릭 시 해당 행의 .myinput 찾아 value 속성값을 ksmart로 변경하시오. 클릭 클릭 클릭 1. 답 2. 답