CSS

.css("CSS 속성이름");

 - 해당 요소에 적용되어 있는 css값을 리턴한다.

.css("CSS 속성이름", "값");

 - 속성에 값을 지정한다.

.css({

"이름1": "값",

"이름2": "값",

"이름3": "값

});

 - JSON 형태로 값을 지정한다.

.hasClass("클래스이름");

 - 해당 요소가 클래스이름과 동일하면 true를 리턴한다.

.addClass("클래스이름");

 - 클래스를 부여한다.

.removeClass("클래스이름");

 - 클래스를 제거한다.

.toggleClass("클래스이름");

 - addClass <=> removeClass

.show()

 - 숨겨진 요소를 화면에 표시

.show(1000)

 - 숨겨진 요소를 1초에 걸쳐서 화면에 표시

.hide()

 - 요소를 숨김

.hide(1000)

 - 표시되고 있는 요소를 1초에 걸쳐서 숨김

.toggle()

 - show() <=> hide()

.toggle(1000)

 - show() <=> hide() 를 1초에 걸쳐서 토글

 - 두 번째 파라미터에 메서드를 넘기면 에니메이션이 끝난 뒤 넘겨진 메서드를 수행한다.

 - fading, sliding, custom 도 있다.

:eq(n)

 - 가상클래스로 선택된 요소의 n-1번째 자식요소를 가져온다.

 - 예를들어 <ul>에 <li>가 3개가 있다면, 첫 번째 자식요소는 :eq(0)이다.

animate(properties[, duration][, easing][, complete])

 

properties : 움직임을 만들어낼 수 있는 CSS 속성

 - JSON 형식으로 값을 넘긴다.

 - 속성 값이 int형인 값들만 사용 가능하다. RGB코드는 사용 불가하다.

 - px, em, % 등 사용 가능.

 - 포괄하는 속성은 사용하지 않는게 좋다. 폰트 크기를 바꾸고 싶으면 font가 아닌 font-size를 사용한다.

duration : 움직임 시간

 - 단위는 ms.

 - 기본값은 300ms.

easing : 움직임에 변화를 줄 수 있는 메서드

 - 움직임 끝점의 행동방식을 결정한다.

 - "swing"은 끝점에서 살짝 느려지는 형태. 기본값이다.

 - "linear"은 균일한 속도를 유지한다.

complete : 움직임이 멈춘 후 실행될 메서드

 - 일반적으로 파라미터를 지정할 수 없는데, this만 사용 가능.