jQuery16 [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. [jQuery] 1장. jQuery 1장. jQuery ㅁ jQuery : Web page (대화형/동적) 를 만들기 위한 script 언어 ㅁ html + CSS + java script ㅁ jQuery에서는 CSS의 selector(선택자)를 그대로 사용 가능. - CSS selector : , , , , ㆍㆍㆍ- jQuery에서 selector사용 방법 - id앞에 '#' : 같은 태그에서 id를 다르게 하여 해당- class앞에 '.' : 같은 클래스를 넣어 같은 효과를 주고 싶을때 ㅁ cross browser : 각 브라우저에 다른 처리방법 나눌 필요 없이 모두 호환 가능.java script보다 호환성이 높다. ㅁ 메소드 체인 : 여러 명령어를 한줄에 작성 가능. 프로그램의 가속성을 높힌다. -> 메소드 체인 (클릭하면 더 자세.. 2014. 4. 4. [jQuery] jQuery에 대해서 jQuery 객체는 html string으로부터 만들어져온것 또는 document로부터 선택되어져온 DOM elements의 collection을 포함한다. jQuery 메소드는 대게 document와 element를 맞추기 위해 CSS selector를 사용하기 때문에 jQuery 객체에서 element 집합은 'matched element' 혹은 'selected element' 의 집합이라고 자주 불려진다. jQuery 객체는 스스로 배열처럼 행동한다 : 그들의 인텍스 [0]에서 [length-1]까지에 의해서 접근할 수 있는 객체에서 length 프로퍼티와 element들을 갖는다. jQuery 객체는 실제로 자바스크립트 배열 객체가 아님을 알아둬라. 그래서 jQuery는 join()과 같은 실제.. 2014. 4. 2. 이전 1 2 3 4 다음
