읽은 책/HeadFirst jQuery
-
HeadFirst jQuery 3장 정리읽은 책/HeadFirst jQuery 2014. 5. 25. 18:50
3장 주제 : jQuery를 이용해서 사용자의 동자에 반응하는 코드를 만들기! & 코드를 한번만 작성한 뒤 여러번 활용하는 방법! [html에서 이벤트 리스너란?]DOM 의 일부/ 이벤트 리스너는 페이지의 어떤 요소에든 등록할 수 있고 꼭 링크나 버튼에만 만들어야 하는 건 아니다.브라우저는 이벤트 리스너를 통해 사용자가 페이지에 무슨 일을 하고 있는지 알아내고 자바스크립트 해석기에 알려 줘서 어떤 동작을 할지 안 할지 결정하게 합니다. [요소에 이벤트 등록하기 = 묶는다(bind)] 이벤트 등록하는 방법 $('선택자').click(function(){ alert("text");}); $('선택자').bind('click', function(){ alert("text");}); 1번은 DOM요소가 있을 때..
-
HEAD FIRST JQUERY 2장 정리읽은 책/HeadFirst jQuery 2014. 5. 24. 23:12
[프로젝트에 필요한 것은?!][사용자의 요청을 실제 프로젝트의 필요조건으로 바꾸는 일은 중요한 기술이고 꾸준한 연습이 필요합니다. (잊지 말아야 겠어요ㅠ)]!!!! 요청을 필요조건으로 바꾸기, 호출순서 만들기, 새처럼 빨리 움직이세요... !!!! [브레인파워]div를 명시할때 CSS클래스만 사용? ID만 사용? 두가지 조합을 사용? 무엇이 좋은 가요?? -> 내생각은 클래스는 그룹단위로 (혹은 여러개로) 동시에 적용하고 싶을때, ID는 그 곳에만 적용하고 싶을때 사용하는듯?! [어느 브라우저에서나 동작하는 자바스크립트 메서드로 요소를 식별할 수 있습니다. => ID 선택자 ] {(HTML의 요소와 속성 : 웹페이지의 구조 담당)(CSS : HTML 요소의 스타일 담당)(jQuery : 요소의 동작을 조..
-
HEAD FIRST JQUERY 1장 정리읽은 책/HeadFirst jQuery 2014. 5. 24. 15:55
DOM 은 document of model로써 트리 형식으로 되어 있습니다. DOM에서 요소를 가지고 와서 jQuery를 이용하여 브라우저에서 각 요소들이 동작을 하게 하는 거죠.[ 자바스크립트 해석기는 원래 있던 HTML과 CSS 파일을 바꾸지 않습니다. 단지 브라우저 메모리에 들어 있는 페이지의 DOM 표현을 바꾸는 겁니다. ] jQuery는 $기호를 가지고 사용하는데 , $는 Jquery의 단축표기이다. [jQuery 사용법]$(요소를 선택).메서드();요소 선택법1. $("h1").hide(); // jQuery 요소 선택자 , 2. $(".h1_class_name").hide(); // jQuery 클래스 선택자3. $("#h1_id").hide(); // jQuery ID 선택자 ※ 선택자를 ..