jQuery

<라이브러리>

: 자주 사용하는 로직을 재사용할 수 있도록 고안된 소프트웨어 라이브러리

 

<jQuery>

: DOM을 내부에 감추고 보다 쉽게 웹페이지를 조작할 수 있도록 돕는 도구

☞ 최신버전 : <script src="http://code.jquery.com/jquery-latest.min.js"></script>

 

<jQuery 기본문법>

: $('태그 선택자').css('color', 'blue');

* $() == jQuery 함수

  $('태그 선택자') == 리턴값, jQuery 객체

=> jQuery로 간단하게 작성 가능

* class는 . id는 #

 

<jQuery 객체>

☞ $(태그 선택자).css(효과, 설정값); -> 설정

    $('li').css('text-decoration', 'underline');

☞ $(태그 선택자).css(효과); -> 가져오기

    $('li').css('text-decoration');

     -> text-decoration 효과의 값을 가려오려고 함, underline

 

<jQuery 조회 범위 제한>

☞ selector context : 조회할때 조회 범위 제한

: 둘 다 실행결과 같다

 

☞ .find() : jQuery 객체 내에 엘리먼트 조회

            : 체인을 끊지 않고 작업의 대상을 변경하고 싶을 때 사용

 : 위와 같이 바꿀수 있다.

: 보통 위와 같이 사용된다