Web/JQuery
[JQ]체크박스
아래 형태의 체크박스를 만들어 보자. User Id 반드시 입력하세요!! 체크여부 확인 전체선택 Java DataBase JavaScript 선택한 책 가격
Web/JQuery
반응형
반응형
Web/JQuery
[JQ]ajax_02
사원 전체 리스트 정보 조회하기 1. body 데이터 가져오기 사원 전체 조회 2. script makeTable(empRowList)함수를 createTable.js 파일로 resources안에 담아주어 아래와 같이 활용했다. 사실 같은 스크립트 안에 적어주어도 된다. function makeTable(elem){ $table = $(""); // (var 생략할 경우) 전역변수 취급 가능 // var : 함수영역 // let/const :블록영역 좀더 분명함 for(var i = 0; i
Web/JQuery
[JQ]ajax_01
ajax Asyncronous Javascript And Xml(비동기 통신) ajax(비동기통신) 게시판의 페이지를 넘기기, 검색창에서 일부글자만으로 아래 자동검색창이 뜨는 등 전체의 페이지 로딩없이 DB에서 가져온 일부의 데이터를 볼 수 있도록 한다. 위 그림과 같이 사원정보를 조회하면 아래의 테이블에 해당되는 자료 정보만 표시되도록 되어 있다. 이는 전체페이지의 로딩(변경)없이 DB로부터 일부 데이터를 보여준다. 비동기 통신을 하기 위해서는 Database와 연결하여 해당 정보를 불러올 수 있어야 하며, 위 예시에서는 emplist.xml 파일을 해당 프로젝트의 Web-Content 안에 담아 활용했다. 1. body 데이터 가져오기 사원정보 조회 사원번호 이름 이메일 전화번호 입사일 2. scri..
Web/JQuery
[JQ]delete
remove() 지우기 empty() 비우기 detach() 잘라내기 1. body 엘리먼트 제거하기 remove empty detach 2. script
Web/JQuery
[JQ]wrap
1. body 클릭하면 해당 요소에만 .box의 css가 적용되도록 한다. 국비지원 훈련검색 기관검색 질문답변 과정후기 1 2 3 4 5 2. script
Web/JQuery
[JQ]외부삽입
after() , insertAfter() : taget의 뒤에 원하는 내용을 붙여준다. before(), insertBefor() : tager의 바로 앞에 원하는 내용을 붙여준다 after/before과 insertAfter/insertBefore은 target을 적어주는 위치가 다르다. 1. body after() insertAfter() before() insertBefore() 외부 삽입 2. script 3. 출력화면
