HEAD FIRST JQUERY 2장 정리

[프로젝트에 필요한 것은?!]

[사용자의 요청을 실제 프로젝트의 필요조건으로 바꾸는 일은 중요한 기술이고 꾸준한 연습이 필요합니다. (잊지 말아야 겠어요ㅠ)]

!!!!   요청을 필요조건으로 바꾸기, 호출순서 만들기, 새처럼 빨리 움직이세요... !!!!

[브레인파워]

div를 명시할때 CSS클래스만 사용? ID만 사용? 두가지 조합을 사용?  무엇이 좋은 가요??

     -> 내생각은 클래스는 그룹단위로 (혹은 여러개로) 동시에 적용하고 싶을때, ID는 그 곳에만 적용하고 싶을때 사용하는듯?!

[어느 브라우저에서나 동작하는 자바스크립트 메서드로 요소를 식별할 수 있습니다. => ID 선택자 ]

{

(HTML의 요소와 속성 : 웹페이지의 구조 담당)

(CSS : HTML 요소의 스타일 담당)

(jQuery : 요소의 동작을 조절하는 함수 제공)

}

[변수를 사용할때]

var 변수이름 = 값 ;

* 변수를 선언하면 자바스크립트 해석기는 브라우저 메모리 중 일부를 가져옵니다. 그 메모리에 데이터를 저장하게 된다. 

[$(this)]

현재 요소를 쉽게 선택할 수 있게 하는 선택자.

문맥에 따라 $(this)의 의미가 달라진다. (즉, 어디에서 참조하느냐에 따라!) 

this : 자바스크립트에서 현재 다루고 있는 요소를 가리킴 

거기에 $()를 추가하면 jQuery 메서드를 적용할 수 있게 된다. 

[자식의 요소, 손자의 요소를 선택하기 위해서]

$("div p")  //이렇게 쓰면 div 밑에 있는 자식요소 p를 가져온다.

$("div div p") // 이렇게 쓰면 div 밑에 있는 자식 div의 밑의 자식 p요소를 가져온다. 즉, div(할아버지), div(아빠), p(아들)...이랄까?

$("div.my_class")  //class 명이 my_class이 div만 선택합니다.