목록Pront/jQuery (6)

평범한 연구소

[jQuery] 형제 태그(div)의 내용(p) 가져오기

학력 사항 ~ 추가 $(function() { $(".schoolAddBtn").click(function() { const p = $(this).parent().parent().find("div:first-child :first").clone(); $(p).find("input").each(function() { $(this).val(""); }); // $(this).parent().parent().find("div:first").append(p); $(this).closest(".input-box").find("div:first").append(p); }); });
Pront/jQuery 2022. 11. 11. 14:20
[jQuery] 모달창 내부 select에서 선택된 option 값 가져오기

사원 검색 수신자 사원 리스트 ${vo.dep_name} ${vo.name_apper} ${vo.pos_name} 선택하기 취소하기 // 수신자 검색 모달에서 select 된 사원 데이터 가져오기 $("body").on("click", "#btnEmpSelect", function() { let $ele = $(this).closest(".modal-content").find("select"); let id_apper = $ele.val(); let name_apper = $ele.find("option:selected").attr("data-name"); let pos_code = $ele.attr("data-posCode"); // alert(id_apper+": "+name_apper+": "+po..
Pront/jQuery 2022. 10. 25. 21:15
[jQuery] table 선택된 행 데이터 가져오기

${vo.name_apper} ${vo.pos_name} ${vo.dep_name} ${vo.id_apper} // 클릭한 행의 데이터 가져오기 $("body").on("click", "#empListTable tr", function() { let tr = $(this); let name_apper1 = tr.find("td:eq(0)").html(); // 전역변수에 값 저장 id_apper1 = tr.find("td:eq(3)").html(); alert(id_apper1); $('input[name=empSearch1]').attr('value',name_apper1); })
Pront/jQuery 2022. 10. 25. 13:51
[jQuery] ajax

Ajax ( Asynchronous Javascript and XML) 비동기 자바스크립트 XML. XML에 기반한 종합 기술로 에이싱크러너스 자바스크립트 XML의 줄인말. HTML, CSS, JS, DOM, XML 등 기존에 사용되던 여러 기술을 함께 사용하는 개발 기법이다. 빠르게 동작하는 동적인 웹페이지를 만들기 위한 개발 기법 중 하나. 웹페이지 전체를 다시 로딩하지 않고도, 웹의 일부만 갱신할 수 있다. 즉, 백드라운드 영역에서 서버와 통신하여 그 결과를 웹페이지 일부에 표시 가능하다. 서버와 다양한 형태의 데이터를 주고 받을 수 있다. JSON XML HTML 텍스트파일 등 Ajax의 장점과 한계 웹페이지 전체를 다시 로딩하지 않고도 일부만 갱신 가능. 웹페이지가 로드된 후에 서버로 데이터 요..
Pront/jQuery 2022. 10. 22. 16:52
[jQuery] 요소의 추가, 복사, 삭제, 대체 (append,wrap,clone,remove...)

기존 요소의 내부에 추가 .append() : 선택된 요소의 마지막에 새로운 요소나 콘텐츠를 추가한다. .prepend() : 선택된 요소의 첫번째에 새로운 요소나 콘텐츠를 추가한다. .appendTo() : 선택된 요소를 해당 요소의 마지막에 추가한다. .prependTo() : 선택된 요소를 해당 요소의 첫번째에 추가한다. $(function() { // 마지막에 새로운 요소 추가 $(".box1 ul").append("C/C++"); $("HTML 5").appendTo(".box2 ul"); // 첫번째에 새로운 요소 추가 $(".box3 ul").prepend("JSP/Servlet"); $("ORACLE").prependTo(".box4 ul"); }); 기존 요소의 외부에 추가 .before..
Pront/jQuery 2022. 10. 19. 19:10
[jQuery] 선택자 (selector)

선택자 (select) * : 모든 요소와 일치 태그 : 지정된 태그와 일치 #아이디 : 요소의 id 속성값과 일치 .클래스명 : 요소의 class 속성값과 일치 selector1, selector2 : 선택자 목록(,)은 일치하는 모든 요소를 선택(OR 연산) selector1selector2 : 모든 조건을 만족하는 요소. 선택자끼리 띄어쓰기 없이 붙여 쓴다.(AND 연산) E1 E2 : E1 요소의 자식인 모든 E2 요소와 일치. 자손(후손) 결합자 E1 > E2 : E1 요소 바로 아래 자식인 E2 요소와 일치. 자식 결합자(>) E1 + E2 : E1 요소의 바로 다음에 나오는 형제요소 E2와 일치. 인접 형제 결합자(+) E1 ~ E2 : E1 요소의 다음에 나오는 모든 형제 E2와 일치. 일..
Pront/jQuery 2022. 10. 19. 18:55
이전 Prev 1 Next 다음