본문 바로가기
반응형

Programming/HTML-CSS15

[HTML] 이력서 작성하기 table 실습 이 력 서 성 명 한 글 생 년 월 일 E-mail 한 문 연 락 처 긴급 연락처(핸드폰) 현 주 소 학 력 사 항 학위과정 기 간 학 교 명 전 공 수료 졸업 ~ ~ 대학교 ~ 대학원 전 공 경 력 사 항 근무년월 기 간 근 무 처 직 위 자 격 증 년 개월 ~ 년 개월 ~ 년 개월 ~ 년 개월 ~ 년 개월 ~ 년 개월 ~ 참 고 사 항 위 기재 사항은 사실과 틀림이 없습니다. 20 년 월 일 (인) ​ Programming/HTML-CSS 2017. 11. 8.
[jQuery] 자주 사용하는 함수 모음 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 /* * 자주 사용하는 함수 모음 */ /* 필수 항목 검사하는 함수 isEmpty(체크해야할 항목의 문자열,경고메시지,trim 여부); 이때 trim을 입력하지 않고 생략하면 trim 처리를 하지 않는다. trim 처리를 하려면 "1"을 입력한다. input type="text" 인 경우에만 사용합니다. */ function isEmpty(item,msg,isTrim){ // alert("check isEmpty! - "+item); if($(item)==null){ alert("검사하.. Programming/HTML-CSS 2017. 6. 27.
[jQuery] HTML 테스터 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 HTML 테스터 $(function(){ $("#inBox").keyup(function(){ // inBox의 값을 가져오자. $("#inBox").val()-> 입력관련된 태그의 값. val()로 $("#resBox").html($("#inBox").val()); }); }); HTML 태그를 입력하세요. 입력한 HTML의 결과 Colored by Color Scripter cs 입력창에 HTML을 입력하면 바로 결과를 확인할 수 있다. Programming/HTML-CSS 2017. 6. 23.
[jQuery] 선택자(Selector) :탐색 선택자, 속성 탐색 선택자(2) 탐색 선택자(2) 직접 선택자로 선택한 요소 중 원하는 요소를 한번더 탐색하여 정확이 선택한다. 위치 탐색 선택자, 소성 탐색 선택자, 콘텐츠 탐색 선택자, 필터링 선택자 등이 존재. 속성 탐색 선택자 선택해 온 요소를 기준으로 일치하는 속성의 포함여부를 따져서 요소를 선택해 오는 선택자. $("요소 선택[속성]") 요소 중 입력된 값 속성이 포함된 요소 선택 $("요소 선택[속성^=값]") 요소 중 title 속성값이 입력된 값인 요소 선택 $("요소 선택[속성^=텍스트") 요소 중 href 속성값이 입력된 텍스트로 시작하는 요소 선택 $("요소 선택[속성$=텍스트]") 요소 중 href 속성값이 입력된 값으로 끝나는 요소 선택 $("요소 선택[href*=속성]") 요소 중 href 속성값 중에서 입력.. Programming/HTML-CSS 2017. 6. 21.
[jQuery] 선택자(Selector) :탐색 선택자, 위치 탐색 선택자(1) 탐색 선택자(1) 직접 선택자로 선택한 요소 중 원하는 요소를 한번더 탐색하여 정확이 선택한다. 위치 탐색 선택자, 소성 탐색 선택자, 콘텐츠 탐색 선택자, 필터링 선택자 등이 존재. 위치 탐색 선택자 기본 선택자로 선택한 요소 중 요소 위치 또는 인덱스(index)번호를 이용하여 특정 요소를 정확히 선택. first / last 선택자 전체 요소 중 첫 번째 요소만 선택 / 전체 요소 중 마지막 요소만 선택 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 탐색 선택자 : 위치 탐색 선택자 $(function() { // 처음 나오는 li tag/ 마지막에 나오는 li tag 선택 $("li").first().css("backgr.. Programming/HTML-CSS 2017. 6. 20.
반응형

티스토리툴바