JavaScript와 JQuery에서 사용되는 선택자들에 대해서 살펴보겠습니다. JQuery와 CSS의 선택자로 더 잘 알려져 있지만 JavaScript에 querySelector() 및 querySelectorAll()을 통해 접근 시 같은 선택자를 사용합니다. * 물론 JavaScript에서 getElementById() 와같은 함수가 더 빠르고 지원이 잘 되지만 속도를 체감하기도 힘들뿐더러 코드가 더 깔끔하고 가독성이 좋다고 생각해 저는 querySelector()를 사용합니다. 기본 선택자 1. * : 모든 요소 선택 // 모든요소 선택 $("*") document.querySelectorAll("*") 2. # : ID 선택자 (ID명으로 선택) // ID명이 'btnPrev'인 요소 선택 $(..
JavaScript의 객체에 대해 살펴보자 객체에는 메서드(Method)와 속성(Property)이 있습니다 속성 / 메서드 사용방법 객체이름.메서드이름(파라미터값) 객체 이름. 속성 이름 위와 같이 객체 이름과 메서드/속성 이름 사이에 ( . )을 붙여 호출함 객체의 종류 - 내장 객체 : String, Date, Array, Math, RegExp, Object 등 자바스크립트 엔진에 내장돼있는 객체 - 브라우저 객체 모델(BOM) : 브라우저에 계층적으로 내장되어있는 객체 브라우저 객체 모델(BOM) window 객체 : 브라우저 최상위 객체 window 객체 메서드 open("url경로", "창 이름", "옵션 설정") - 새 창을 열 때 사용 alert("메시지") - 경고 창 prompt("질..
내 블로그 - 관리자 홈 전환 |
Q
Q
|
---|---|
새 글 쓰기 |
W
W
|
글 수정 (권한 있는 경우) |
E
E
|
---|---|
댓글 영역으로 이동 |
C
C
|
이 페이지의 URL 복사 |
S
S
|
---|---|
맨 위로 이동 |
T
T
|
티스토리 홈 이동 |
H
H
|
단축키 안내 |
Shift + /
⇧ + /
|
* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.