Pichu Pokeball
본문 바로가기

HTML+CSS+자바스크립트12

jQuery 동적으로 요소 생성하기 정적 요소의 객체화: $("셀렉터")는 이미 안에 존재하는 요소에 대한 객체화 방식이다. 동적 요소의 객체화: let 객체이름=$("") 생성한 요소를 화면에 적용하기 A.html(B): A요소의 시작태그와 종료 태그 사이의 내용을 B로 대체한다. remove(): 해당 요소를 삭제한다. A.append(B): A에 B를 추가하다. 태그 사이의 내용을 그대로 유지하면서 B의 내용을 뒤에 추가한다. B.appendTo(A): B를 A에 추가하다. css("속성"): 속성값 읽기 css("속성","값"): 속성값 변경/ 추가 css({"속성1":"값1","속성2":"값2","속성3":"값3"): 속성값 읽기 addClass("클래스명"): 특정요소에게 CSS클래스를 적용할 겅우에 사용 removeClass(.. 2023. 6. 12.
DOM DOM(문서 객체 모델) //트리 구조 HTML과 XML 문서에 대한 구조적 정보를 제공하는 양식. 웹 문서(HTML)의 모든 요소를 객체 형식으로 표현한 것->문서 내 특정 요소에 접근하는 방법을 제공 문서 구조나 외양 및 내용을 바꿀 수 있도록 프로그램에서 접근할 수 있는 방법을 제공 자바스크립트를 이용하여 웹 문서에 접근하고 제어할 수 있도록 객체를 사용해 웹 문서를 체계적으로 정리하는 방법 웹 문서를 하나의 객체로 정의, 모든 요소를 '객체'로 인식하고 처리 요소 노드, 텍스트 노드, 속성 노드, 주석노드 트리(계층구조) 노드, 루트, 부모노드, 자식 노드, 형제 노드 id선택자로 접근하는 getElementById()메서드//id 빼고 다 element에 s 요소명.getElementById(".. 2023. 6. 5.
객체 객체: 객체에 포함된 데이터 하나를 가리켜 객체의 프로퍼티라고 부른다. Object()생성자: 권장하지 않음, 코드가 간결한 객체 리터럴을 사용 객체 리터럴: let member = {name: "홍길동", email: "javauser1234@naver.com"}; //=이 아니라 (:)콜론, 프로퍼티들은 쉼표(,)로 구분-프로퍼티 접근: 프로퍼티 값에는 모든 데이터 타입의 값과 표현식을 대입할 수 있다. 변수에 대입된 객체 안의 프로퍼티 값을 읽거나 쓸 때는 마침표(.) 또는 대괄호([]), 객체에 없는 프로퍼티를 읽으려소 하면 undefined, 객체 리터럴 안에 어떠한 프로퍼티도 작성하지 않으면 빈 객체 생성 생성자 함수: 첫글자 대문자 ex) function Hobby ES6의 클래스 자바스크립.. 2023. 6. 2.
객체 Date 객체: 자바스크립트에서 날짜와 시간을 다루는데 사용되는 객체 컴퓨터의 시간과 날짜를 알아낼 수 있고, 특정 날짜 정보를 저장해 놓을 수도 있다. let 객체명 = new Date(); let 객체명 = new Date(년, 월-1, 일); getFullYear(), getMonth(), getTime()(날짜간격), getDay(),... 브라우저와 관련된 객체: 웹 브라우저와 관련된 모든 객체들의 집합 window, document, navigator, history, location, screen 브라우저의 창 제어 기능 toolbar, location, status, menubar, scrollbars, resizable, width, height window.close(): 창 닫기 do.. 2023. 5. 31.
함수, 이벤트 함수 동작해야할 목적대로 명령을 묶어 좋은것 각 명령의 시작과 끝을 명확하게 구별할 수 있음 묶은 기능에 이름을 붙여서 어디서든 같은 이름으로 명령을 실향할 수 있음 자바스크립트에는 이미 여러 함수가 만들어져 있어서 가져다 사용할 수 있음 (alert) 매개변수와 인수, return문 익명함수, 즉시 실행 함수, 화살표 함수 이벤트: 동작, 행위>>브라우저에서의 동작, 행위: click, keydown, keyup, mouseover, drag, submit, change,... 이벤트 리스너: 이벤트가 발생하는 것을 대기하고 있다가 이벤트가 발생하는 것이 감지되면 연결된 기능(함수) 수행 이벤트 핸들러(이벤트 처리기): 이벤트가 발생했을 때 처리하는 함수 이벤트가 발생한 HTML 태그에 이벤트 처리기를.. 2023. 5. 30.
Js변수 변수 선언 위치에 따른 구분 Java 자바 변수 선언을 기준으로 public class Srudent{ //필드(멤버 변수) private String name; //인스턴스 변수 public static String schoolName;//클래스 변수, static 변수 //메소드 public setName(String name /*메소드 매개변수*/){ this.name=name; int num=10; //메소드 지역 변수 if(){ int a = 20;// if 지역변수 } } } 변수 선언하기: var 뒤에 변수 이름 작성, var을 한번만 쓰고 뒤에 여러개의 변수를 한꺼번에 선언할 수도 있음 스코프: 변수가 적용되는 범위, 스코프에 따라 지역변수(로컬변수)와 전역변수(글로벌 변수) Javascr.. 2023. 5. 26.