ksmart_html_css_js(92)
-
선택자 실습_jQuery
1. 아래의 버튼 클릭 시 해당 행을 제거하시오. 제거 제거 제거 2. 아래의 버튼 클릭 시 해당 행의 input 값을 'ksmart' 으로 변경하시오. (value -> val() ) val() : 인수가 없다면 value 값 가지고 오기 val('ksmart') : 인수가 있다면 value 값 변경 변경 변경 변경 1. 답 2. 답
2022.01.31 -
개발 환경 구축_ jQuery
- 웹 호환성, 애니메이션 효과 등 쉽게 구현할 수 있도록 만들어진 자바스크립트 라이브러리 - css 선택자를 활용하여, 객체 조작 가능 - 라이브러리이므로 외부 파일을 내 프로젝트(작업 페이지)에 삽입해야 함 네트워크 전송 방식 (삽입) - 제이쿼리 사이트에서 download 메뉴로 들어가 CDN 목록 복사해서 내 페이지에 삽입 - 간단한 테스트를 할 경우 사용 - 네트워크 차단된 프로젝트에서는 쓰일 수 없음. jQuery 개발 환경 구축 https://jquery.com/download/ 들어간 후 ctrl + s 저장 프로젝트 파일 -> WebContent -> resource -> js 내에 저장 사용방법 - 제이쿼리 함수 실행 시 제이쿼리 객체가 반환된다. - 제이쿼리 함수 실행 시 제이쿼리..
2022.01.31 -
선택자_jQuery
직접 선택자 - 제이쿼리 함수를 실행 시 인수에 css 선택자가 삽입 - id, class, 태그명, 속성, 속성명과 속성값, and, or - 가상선택자 안녕하세요. 안녕하세요. 안녕하세요. console.log($('.myCheck:checked')); 인접관계 선택자 - 검색된 객체에서 제이쿼리 메서드를 활용하여 상하관계의 객체를 검색 할 수 있다. parent - 검색된 객체의 한단계 상위 객체 선택 - $('선택자').parent(); 버튼 버튼 버튼 parents - 검색된 객체의 모든 상위 객체 선택 - 인수값이 있다면 인수에 해당되는 상위 객체만 반환 - $('선택자').parents(); - $('선택자').parents('상위 선택자'); //parents 상위 모든 객체 반환 $(fu..
2022.01.31 -
document api 실습_js
1. backColor 아이디를 가진 버튼을 클릭 시 body 태그의 배경 색상이 '빨강','초록','파랑'으로 순환되며 배경 색상이 변경되도록 하여라. 배경색상전환 2. 아래의 화면의 탭 기능을 구현하도록 하여라. 탭1 탭2 탭3 콘텐츠1 콘텐츠2 콘텐츠3 3. 아래의 버튼을 클릭 시 name 속성에 userName이라는 값을 가진 input 태그가 body 태그 하위의 제일 마지막에 생성될 수 있도록 코드를 작성하고 실행하시오. (input 태그는 사용자가 사용자명을 입력 할 수 있어야 한다.) 객체생성 01 4. 아래의 버튼을 클릭 시 테이블을 행이 추가 될 수 있도록 하여라. 제목 공지사항 버튼 5. 아래의 버튼 클릭 시 해당 행의 input 태그 값을 ksmart로 변경하도록 하시오 변경 변경 ..
2022.01.31 -
브라우저 모델 객체 - window 객체 실습_js
1. 아래에 주어진 날짜 객체를 활용하여 1초마다 아래의 문자형 포멧터가 출력되도록 하여라. (포멧 : 14 : 07 : 01 -> 시간 증가) 2. 5~1까지 카운팅 후에 1초 때 '이벤트 종료'라는 경고를 띄우도록 하여라. 1. 답 2. 답
2022.01.31 -
문자열 객체 실습_js
1. url 변수에 담긴 값을 가지고 contextPath, mappingPatern에 담긴 값을 제외하고 '/member/memberRead' 값만 출력되도록 하여라. 2. 제시된 특정 문자 기준으로 저장된 문자열을 잘라 배열로 변환하도록 하여라 1. 답 2. 답
2022.01.31