전체 글(192)
-
document api 실습
1. 버튼을 클릭 시 해당 버튼의 행이 제거 될 수 있도록 하시오. 제목 제거 제목 제거 1. 답
2022.01.30 -
html 요소 이벤트 - form 실습
1. 계산이라는 버튼 클릭 시 n1값과 n2값을 합하여 nSum에 적용하라. + = 계산 2. 계산이라는 버튼을 아래의 체크박스의 체크된 대상의 가격을 합산하여 sSum에 결과값을 출력하여라. 컴퓨터 부품 : 5000 컴퓨터 부품 : 4000 컴퓨터 부품 : 3000 컴퓨터 부품 : 2000 컴퓨터 부품 : 1000 계산 3. 옵션 및 수량 변경 시 총 가격, 부가가치세, 총 결제금액을 계산하여 해당 영역에 출력하여라. :: 옵션없음 :: 추가 A Type : 1000 추가 B Type : 2000 추가 C Type : 3000 1개 5개 10개 15개 총 가격 : 부가가치세 : 총 결제금액 : 1. 답 + = 계산 2. 답 컴퓨터 부품 : 5000 컴퓨터 부품 : 4000 컴퓨터 부품 : 3000 컴퓨..
2022.01.30 -
jQuery Ajax 실습
1. 아래의 버튼 클릭 시 #userIdSearch 에 담긴 값을 가지고 idCheck.jsp의 페이지와 비동기화 통신하여 값 중복 여부의 결과값을 확인하여 콘솔에 출력하도록 하여라 ajaxEx01.html 아이디중복검사 idCheck.jsp 순차적으로 데이터가 저장되며 값 중복 허용한다. Set -> 순차적이지 않고 값 중복 허용하지 않는다. */ int result = 0; // db에 회원 아이디 저장되어 있다는 가정 List userId = new ArrayList(); for(int i=0; i 키와 값..
2022.01.28 -
jQuery ajax_jQuery
Ajax - XMLHttpRequest 객체를 활용하여 가공된 ajax 메서드 -> $.ajax() - 비동기화 방식 통신 - text, html, json, xml 을 주로 비동기화 통신 시 사용한다. - 브라우저에서 ajax 통신 시 같은 도메인에서만 기본 허용하고 있다. - CORS 정책 위반으로 비동기화 통신 못 할 경우 응답쪽에서 헤더에 Access-Control-Allow-Origin 값 설정 혹은 요청 서버(서버언어로)에서 비동기화 통신해야한다. Ajax Possing 해주는 코드 var menuId = $( "ul.nav" ).first().attr( "id" ); var request = $.ajax({ url: "script.php", method: "POST", data: { id :..
2022.01.27 -
클래스 속성 제어 메서드, 동적 바인딩_jQuery
1. 아래의 버튼 클릭 시 body 태그의 클래스 속성의 값이 .bg01, .bg02, .bg03 값이 순환되도록 하시오. 배경색상전환 2. 아래의 추가 버튼 클릭 시 행 추가, 제거 버튼 클릭 시 행 제거, 토글 버튼 클릭 시 행의 배경색 빨강과 흰색(순환)으로 변경 되도록 하시오. 1. 답 2. 답
2022.01.27 -
동적바인딩_jQuery
- 새로 추가된 html 요소에 이벤트가 반응 할 수 있도록 만드는 방법 제이쿼리 동적 바인딩 인수 -> 1.이벤트명, 2.선택자, 3.함수 $(document).on('click', '.add', function(){ console.log('클릭'); $ul01.append(liHtml); }); $(document).on('click','del',function(){ console.log('제거'); $(this).remove(); })
2022.01.27