jquery 3

4.3 노드 찾기

대부분의 작업은 노드를 찾고 난 후 다음 작업을 진행한다. - 아이디 이름으로 노드 찾기 - 태그 이름으로 노드 찾기 - 클래스이름으로 노드 찾기 - 속성으로 노드 찾기 //////////////앞으로 등장할 예제는 아래 내용을 공통적으로 사용////////////// 샘플 페이지(div, id=samplePage, class=page) 헤더영역(div, id=samplePage, class=page) 노드 찾기(div, id=content, class=sample-content) 일반 노드 찾기(ul, class=menu) id로 찾기(li) tag로 찾기(li, class=select) class로 찾기(li) 속성으로 찾기(li, class=test1) 자식 노드 찾기(div, class=conte..

Coding/JavaScript 2019.07.26

4.1 자바스크립트 DOM

jQuery는 자바스크립트로 만들어진 라이브러리입니다. DOM 작업을 쉽게 할 수 있는 기능을 가지고 있습니다. 자바스크립트 4가지 요소 -자바스크립트 Core 문법 기본 문법과 구조 데이터 타입 조건문 반복문 함수 클래스....... -자바스크립트 Core 라이브러리 타이머 함수 문자열 날짜및 시간 수학 배열 ...... - 자바스크립트 BOM(Browser Object Model) Window Navigator Location History Document Screan 객체들 - 자바스크립트 DOM(Document Object Model) 노드, 스타일, 속성, 이벤트, 위치및 크기 등을 다룰수 있는 기능이 포함 여기서 jQuery는 "자바스크립트 DOM" 부분을 쉽게 사용할 수 있게 도와주는 라이브..

Coding/JavaScript 2019.07.22

1.5 jQuery

jQuery는 div와 같은 특정 효과를 연출하는데 사용합니다. 빠르게 작업할 수 있게 도와주는 크로스 브라우징 라이브러리입니다. 자바스크립트에서 직접 치는 것 보다 편한 이유를 코드를 통해서 확인하시면 됩니다. 1. 자바스크립트를 사용한경우 2. jQuery를 사용한 경우 jQuery 기능이 들어있는 라이브러리 파일을 연결해야 합니다. jQuery를 이용한 노드 찾기 jQuery에는 수많은 노드 찾기 기능을 제공합니다. var $ 변수이름 = $("CSS 선택자"); $() 그냥 함수 호출입니다. 함수 이름이 $인 것을 호출한 것입니다. 함수의 역활은 해당하는 노드를 찾아줍니다. "CSS 선택자" 함수의 매개변수를 넣어주면 된다. var $ 변수이름 $() 함수에서 리턴해주는 값을 저장하기 위해 만든 ..

Coding/JavaScript 2019.07.15