jQuery [Selector] - 직접 선택자 인접 관계 선택자 문서 객체 구조와 관계 $(".gc").closest(".parent"); -> $(".gc").parent(); -> jQuery 참조 링크 jQuery01_css(color) css()로 html 태그의 글자색 바꾸 실행화면 - 글자 색깔이 바꼈다 (document).ready가 빠지면 두 번째 구문(노란색)이 된다. 이벤트 처리하기 위해 "on함수"를 사용한다 jQuery로 글자바꾸고 글자 색깔 바꾸기 -> 클릭이벤트 생성하기 -> 클릭하면 상자의 글자내용이 '변경됨!'으로 바뀐다 -> 클릭하면 글자의 색깔이 빨강으로 바뀐다 - css()

버튼 클릭해서 이벤트 넣을 때 document.createElement('태그명 or 아이디명'); 없이 html 태그를 생성할 때 String 변수에 태그를 추가해서 클릭했을 때 String 변수를 브라우저 화면에 표시할 수 있다 document.createElement('태그명 or 아이디명')로 태그를 생성하여 브라우저에 표시. span.textContent - span 태그 안에 넣을 텍스트내용자바스크립트에서 img 요소를 획득하여 width, height 지정 - 18, 19줄 할 일 목록 - 완료 버튼 클릭했을 때 색깔이 변하게 하기 - 삭제 버튼을 클릭했을 때 해당 목록 삭제되기 실행결과 To Do List 버튼 클릭 이벤트 생성하고 추가했을 때 목록이 추가 노드트리 BODY 아래에 "#te..

input 태그의 속성을 checkbox로 지정한다. 버튼을 클릭하면 input 태그의 value 속성이 콘솔에 찍힌다. 내 코드 - addEventListener()로 구현 버튼을 클릭했을 때 입력란에 '최부장'이 '김대리'로 바뀌게 하기 input check 박스에 'checked' 된 속성만 콘솔에 출력하기 일본,중국, 타이완 같은 국가를 체크하면 가격이 더해진 합계가 출력 toLocaleString() - 숫자마자 콤마가 찍힌다. 다음에 input에 클래스명을 써서 클래스끼리 묶어서 myChk 변수에 요소를 가져와서 값을 가져와 합계를 구하자. 총합을 구하는 totalPrice가 let nation 뒤에 오면 초기화가 되지 않아고 3개 항목에서 체크하고 클릭하고 나서 클릭 전에 더해진 가격부터 체..

getElementsByName("네임명") getElementsByClassName("클래스명") aler()로 경고창 띄우기 document.querySelector('#아이디명') document.querySelector('.클래스명') document.querySelectorAll(), document.getElementsClassName()으로 받은 요소들은 모두 2개이상이므로 배열로 저장되기 때문에 for()으로 브라우저에 표시할 수 있다. document.querySelector() 에 name을 넣을 때 (태그명[name=네임명]) -> name=을 잊지말자. document.querySelectorAll()로 획득한 요소들을 for()로 반복. querySelectorAll('.클래스명'..

생성자 함수 1 생성자 함수로 객체 생성 2 선언된 함수를 오버라이딩하기 오버라이딩 : 함수 재정의 upgrade 함수를 선언하고 24줄에서 upgrade 함수 호출한 다음 beverage.pay()를 호출하면 upgrade 함수에서 재정의한 함수가 출력된다. ※ 오타주의 ※ 1~6까지 랜덤으로 숫자가 표시되는 객체를 생성해서 출력하시오 Date 객체로 날짜 불러오기 interval : 간격 setInterval에서 동작을 시작하고 나면 일정시간마다 동작한다. setInterval(func, delay) -> delay 마다 func 동작한다. 비동기 호출 -> 호출따로 결과 받는 거 따로 내 코드 실행결과 1초마다 갱신된 시간이 1라인으로 표시된다. 1줄 출력되고 나서 그 뒤에 이어지지 않고 1줄에서만..

함수 자바스크립트에서 반드시 함수 선언을 먼저 하고 그 후에 함수를 호출해야 동작한다. ※ 반대로 선언은 뒤에서 하고 함수 호출을 먼저 하면 오류가 발생한다. 예제 내 코드 ※ 시행착오 : 매개변수로 사용될 정수를 입력받을 때 prompt() 함수를 사용했다. prompt() 함수로 입력받은 정수는 사실 문자열 타입이므로 mySum함수에서 + 연산을 하면 문자끼리 나란히 붙을 뿐 더하기 연산이 안 된다. parseInt()로 정수로 바꿔주어 정수로 만든다. ※ 배열의 행과 열을 바꿔서 해결하는 예제 - matrix[i][j] -> matrix[j][i] 행렬의 행과 열을 for()으로 반복할 때 먼저 열을 for()로 반복하고 두번째로 행을 for() 반복하는 것이 중요하다. 그렇게 바꿔서 이중 for(..