윤년이란 ? 윤달이나 윤일이 드는 해로서, 풀어 설명하면 '역법을 실제 태양년에 맞추기 위해 하루 또는 월을 끼우는 해' 이다. 지구가 태양을 도는 데에는 약 365일 4시간 정도가 걸리므로 365일을 제외한 시간들을 모야 태양력에서는 4년 마다 한 번 2월 29일을 두어 하루를 늘린다. 그렇다면 윤년을 구해보자 ! 윤년이 아닌 년을 '평년' 이라고하는데 , 조건은 이렇다 윤년 : 4년마다 한번. 400년이 되는 주기는 윤년이다. 평년 : 100년이 되는 주기는 평년이다. year, month, day 를 입력받아 윤년여부와 입력받은 날의 요일을 구하는 함수를 만들어보자 윤년은 4년마다 한번이므로 100년도 나눠떨어져서 윤년! 이아니라 평년으로 친다. 근데 또 400년주기는 윤년이다. function i..

말 그대로 페이지 내의 모든 글자색을 파란색으로 변경해보자 $('*').css('color', 'blue'); 다음과 같이 전체 선택자를 이용하여 글자색을 변경할 수 있다.

해당 페이지에서 다음과 같이 서울이 아닌지역(여기서는 '경기' 나 '부산')을 모두 삭제해보자 즉, 서울 지역의 공고만 남겨두는 것 ! html 을 살펴보면 다음과 같이 안에 각각의 행은 로 이루어져있다 지역에 관련한 area 클래스에 '서울' 을 포함하지 않는 경우에는 모두 삭제하는 것으로 하자 $('tr:not(:contains("서울"))').remove(); :not:(:contains) 를 사용하여 포함하지 않는 tr 을 선택할 수 있다. 한가지 궁금한 점이 tr 에서 서울을 포함하지않는다면 다 삭제해버렸는데 제목이나 다른 태그에 서울이 들어간다면..?! ex) 제목 : 서울 전지역 화장품 사업부 팀장모집 이부분은 나중에 다시 테스트하며 정리해두어야겠다.

경력을 기준으로 정렬해보자 ( 많은 순으로 ) 먼저 경력관련한 부분의 html 을 살펴보자 신입의 경우에는 "newcomer" 클래스가 더 추가된다. 이를 이용해서 구분에 쓰면 될 것 같다. 경력은 어떻게 정렬할 수 있을까? 2년 6개월의 경력자와 3년 1개월의 경력자가 있다고 하자 1년은 12개월이기 때문에 2x12 + 6 = 30 개월 3x12 + 1 = 37 개월 이렇게 구분할 수 있다. 이 사실을 이용해서 해결해보자 // HTML 코드의 모든 tr 요소를 선택 $('tr').each(function() { // 각 tr 요소에서 경력 정보를 추출 var careerSpan = $(this).find('.career'); if (careerSpan.length) { var careerText = c..

$(document).ready() 함수 문서 객체 모델(DOM) 이 로드되고 준비되었을 때 코드를 실행하는 jQuery 함수 최신 브라우저에서는 대부분의 경우 이 함수를 사용하지 않아도 동작한다. $(document).ready() 의 축약형인 $(function() {...}) 을 사용할 수 있다. 예를 들어 jQuery 관련 포스트 중 신입 지원자를 찾는 jQuery 를 예로 들어보자 2023.05.15 - [jQuery] - jQuery | 신입 배경 변경 및 개수 추출 jQuery | 신입 배경 변경 및 개수 추출 해당 페이지에서 '신입' 인 경우 배경색을 오렌지로 바꾸고 콘솔창에 신입 지원자의 갯수를 출력해보자 신입의 경우 다음과 같이 클래스네임이 지정되어있으므로 이를 이용하면 될 것 같다 1..

기업 연봉을 살펴보는 페이지 부럽다 ㅎㅎ 여기서 채용중인 기업의 행을 노란색으로 변경하고 콘솔에 채용중인 공고의 개수를 출력해보자 var badgeCount = 0; $('li').each(function() { var badge = $(this).find('.badge'); if (badge.length > 0) { $(this).css("background-color", "#FFFACD"); badgeCount += badge.length; } }); console.log("채용중인 공고는 " + badgeCount + "건 입니다.");

다음과 같이 근무지가 '경기'를 포함하는 공고의 테두리 색을 바꿔보자 5px, red 로 설정 $('li').each(function() { var sDsc = $(this).find('.sDsc'); if(sDsc.find('span:contains("경기")').length>0){ // :contains()를 사용하여 span 요소에서 "경기"를 포함하는지 확인 $(this).css("border","5px solid red"); // $(this)를 사용하여 현재 선택된 요소에 스타일을 적용 } });

인재 페이지로 고고~~ 다음과 같이 '추천'마크가 있는 지원자는 눈에 더 잘 띄도록 해당 행의 배경색을 변경해보자 var Recommend = $("td.tdSummary .careerIcon:has(span.recommend)").each(function() { $(this).closest("tr").css("background-color","#FFFACD"); });