jQuery 01 - 직접선택자(Selector) , 문서 객체 구조와 관계, jQuery로 글자 바꾸기

jQuery [Selector] - 직접 선택자

 

인접 관계 선택자

 

문서 객체 구조와 관계

$(".gc").closest(".parent"); -> <div class="parent">

$(".gc").parent(); -> <div class="child">

jQuery 참조 링크

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

 

jQuery01_css(color)

css()로 html 태그의 글자색 바꾸

실행화면 - 글자 색깔이 바꼈다

(document).ready가 빠지면 두 번째 구문(노란색)이 된다.

 

이벤트 처리하기 위해 "on함수"를 사용한다

 

jQuery로 글자바꾸고 글자 색깔 바꾸기

-> 클릭이벤트 생성하기

-> 클릭하면 상자의 글자내용이 '변경됨!'으로 바뀐다

-> 클릭하면 글자의 색깔이 빨강으로 바뀐다 - css()