본문 바로가기

IT53

[jQuery] 3장.jQuery의 작동 원리 3장.jQuery의 작동 원리 jQuery 라이브러리를 Web page에 import한다. (import : 실제 다른곳에 있지만 Web page에 같이 있는 것처럼 사용) ↓ jQuery 내부에 div 요소 모두 요청. 누구에게? Dom 에게!(모두가 아닌경우 → 그래서 클래스와 id 가 필요) ↓ jQuery 가 변환된 요소에 대한 동작 수행 ↓ Dom 의 속성값 변경 ↓ 브라우저에 결과 표시 (동적) >> 예제는 클릭클릭!! 2014. 4. 8.
[JSON] about JSON(Java Script Object Notation) JSON 이란? JSON(Java Script Object Notation)은 경량 데이터 상호교환 포멧이다. 사람이 읽고 쓰는것은 쉽다. 기계가 분석하고 생성하는 것은 쉽다. JSON 은 Java Script 와 Standard ECMA-262 3rd Edition-December 1999d 의 부분집합을 기본으로 한다. JSON 은 완벽하게 독립된 언어이지만 C, C++, C#, Java, Java Script, Perl, Python, 등등을 포함한 C-페밀리와 비슷한 관습을 사용하는 텍스트 포멧이다. 이러한 특성들은 JSON 을 이상적인 데이터 상호교환 언어로 만든다. JSON 은 두가지 구조로 구성된다 : ㅁ '이름-값' 쌍의 집합. 여러가지 언어에서, 이것은 하나의 객체, 레코드, 구조, 사전.. 2014. 4. 7.
[jQuery] 2장. jQuery의 구조 2장. jQuery 구조 ㅁ jQuery는 DOM구조 (= html DOM 계층) - jQuery는 DOM구조를 통해 적용되어(html이나 CSS에는 적용X) -> 동적인 web page 가능 - jQuery("body" ···) -> body부터 그 하위구조까지 적용됨 ㅁ jQuery를 사용하기 위해 jQuery함수 사용 : jQuery(); -> $() - p태그에 효과 주고싶을 때 : $("p") - 형식 그대로 $안에 " "만 추가해서 사용 - $("선택자").메소드명(); // 선택한 영역에 대한 작업동작선택자 메소드 - CSS에서 선택자는 해당요소에 대한 서식 jQuery에서 선택자는 해당요소에 대한 동작 2014. 4. 5.
[jQuery] jQuery 쉬운 예제 jQuery 쉬운 예제 첫번째. 1) 브라우저에 노란색 네모상자를 띄우고 2) 아래에 '결과보기' 출력 ▼▼ 3) 결과출력 마우스오버 시 글씨가 회색으로 변함 ▼ 4) 클릭 시 노란색 상자가 5초안에 점차 흐리게 사라짐. ▼ 소스코드 ↓↓↓ 결과보기 2014. 4. 4.

티스토리툴바