ksmart_html_css_js(92)
-
속성, 요소, 객체 조작 메서드_jQuery
- 제이쿼리 메서드를 활용하여 요소 조작이 가능하다. (text 요소, html 요소) (innerText, innerHTML) - 제이쿼리 메서드를 활용하여 속성 조작이 가능하다. (속성, 상태속성) (getAttribute, setAttribute, classList, style) - 제이쿼리 메서드를 활용하여 document 객체 조작이 가능하다. (element 객체) (appendChild, createElement) 요소 조작 메서드 - 텍스트 요소 및 html 요소 조작 - text() -> 선택된 객체의 텍스트 요소를 가지고 오거나 변경 - html() -> 선택된 객체의 html 요소를 가지고 오거나 변경 객체 조작 메서드 - append() -> 선택된 객체에 인수에 삽입된 제일 마지막..
2022.01.20 -
배열관련메서드 실습_jQuery
1. 아래의 버튼을 클릭 시 체크된 대상의 값을 합산하여 아이디 result 에 출력하도록 하여라. 사과 배 포도 계산 2. btn01 버튼 클릭 시 해당 행을 제거와 동시에 #ul02 의 동일한 행을 제거하시오. 제거 제거 제거 안녕하세요 안녕하세요 안녕하세요 1. 답 2. 답
2022.01.20 -
배열 관련 메서드_jQuery
- 검색된 객체는 배열로 반환된다. - 배열로 반환된 객체를 쉽게 원소에 접근 할 수 있도록 만들어진 메서드가 있다. - $('선택자').each(function(){}) -> 선택자로 검색된 배열 객체를 each 메서드로 통하여 원소를 하나씩 접근 할 수 있도록 도와주는 메서드 - $('선택자').index('직접 선택자 혹은 인접관계 선택자로 찾아진 배열 객체 중 1개') -> 인수에 삽입된 객체를 앞에 검색된 객체와 비교하여 일치하는 객체의 index를 찾아 반환 each - 검색된 배열 객체를 메서드를 통해 원소에 쉽게 접근 가능 mydiv mydiv mydiv mydiv index - 검색된 배열 객체 중 원소를 인수에 삽입하여 해당 원소의 인덱스값 검색 클릭 클릭 클릭 클릭
2022.01.20 -
이벤트 등록 메서드_jQuery
이벤트 등록 메서드 - 이벤트 관련 메서드는 이벤트 명칭으로 메서드가 구성되어 있다. - 이벤트 종류 : click, blur, change, keyup, keydown, keypress - 이벤트 등록은 이벤트 메서드를 활용하거나, on 메서드를 활용하여 이벤트를 등록 시킬 수 있다. - 이벤트 등록 해제 메서드는 off 메서드이다. 이벤트 관련 메서드 사용하여 이벤트 등록 ( 바인딩 ) on 메서드를 활용하여 이벤트 등록 ::선택:: 1 2 3 off 메서드로 등록 된 이벤트 제거하기 - off( ) -> 선택된 객체의 전체 이벤트 제거 - off('이벤트명') -> 선택된 객체에 인수에 삽입도니 이벤트만 제거 클릭 이벤트트리거 - 등록된 이벤트행위를 행하는 것 - trigger('이벤트 명'); -..
2022.01.20 -
제이쿼리 선택자 실습_jQuery
1. 버튼 클릭 시 해당 행의 .my-text 라는 클래스를 찾아 상위 article 태그를 제거하시오. 클릭 한국스마트정보교육원 클릭 한국스마트정보교육원 클릭 한국스마트정보교육원 2. 버튼 클릭 시 해당 행의 .myinput 찾아 value 속성값을 ksmart로 변경하시오. 클릭 클릭 클릭 1. 답 2. 답
2022.01.20 -
배열 객체의 메서드 및 속성_js
join(연결문자) 배열 객체의 데이터를 연결 문자 기준으로 1개의 문자형 데이터로 반환 reverse() 배열 객체의 데이터 순서를 거꾸로 바꾼 후 반환 sort() 배열 객체의 데이터 오름차순으로 정렬 slice(index1,index2) 배열 객체의 데이터 중 원하는 인덱스 구간만큼 잘라서 배열 객체로 가져옴 splice() 배열 객체의 지정 데이터를 삭제하고 그 구간에 새 데이터 삽입 concat() 2개의 배열객체를 하나로 결합 pop() 배열에 저장된 데이터 중 마지막 인덱스에 저장된 데이터를 삭제 push(new data) 배열 객체의 마지막 인덱스에 새 데이터 삽입 shift() 배열 객체에 저장된 데이터 중 첫번째 인덱스에 저장된 데이터 삭제 unshift(new data() 배열 객체의..
2021.12.24