JQuery Study 2 - 2011.04.27.

.addClass(txt), .removeClass(txt), .toggleClass(txt)
txt클래스를 add/remove/toggle 해준다.

.hasClass(txt)
txt 클래스가 설정되어 있는지 여부를 리턴한다. 

.not(요소)
입력해준 요소를 제외한 나머지 요소들을 리턴한다. 

.text()
getter와 setter가 모두 존재하며 getter의 경우 부모 요소를 선택하면 자식요소의 텍스트를 모두 반환해 준다.
주의 사항은 코드상에서의 공백 및 줄바꿈도 모두 무명의 텍스트 요소로 인식하기 때문에 코드상에서 줄바꿈이 되어 있거나, 들여쓰기가 되어 있는 경우 모두 리턴해준다.

$(요소).each(function(index){})
내부적인 for문에 해당한다. 
선택된 요소별로 한번씩 모두 실행해주며 콜백함수를 호출할때 인자로 해당 요소의 index를 넘겨준다.

$.each(arr, function(index, value){})
유틸리티 함수 each이다.
jQuery.each()로 사용하던것을 jQuery를 $로 변경하여 동작하게 했다.
파라메터로 배열을 넘겨주면 콜백함수를 호출할때 인자로 요소의 인덱스와 값을 넘겨준다. 

:eq(), .eq()
선택자의 :nth-child() 역활을 하는 :eq() 처럼 요소를 선택해주는 .eq(index)가 있다.

:button
선택자. input type=button, image, submit, reset 및 button요소들 모두 선택가능

(부모요소).append(생성요소), (부모요소).prepend(생성요소)

jQuery 요소생성 $("<li>").text("리스트") 또는 $("<li>리스트</li>")
요소를 생성한 후 부모 요소의 앞/뒤 에 붙일때 사용한다.
ex)
$("ul").prepend($("<li>리스트2</li>"));

(생성요소).appendTo(부모요소), (생성요소).prependTo(부모요소)
요소를 생성해서 생성한 요소에 필요한 설정들을 모두 마친뒤에 부모 요소에 붙이는 방식으로 사용. 

ex)
$("<li>").text("리스트3")

.css("background", "#00bfff")

.click(function(){alert("test")})

.attr("title","리스트3")

.appendTo($("ul"));

(요소).after(생성요소), (요소).before(생성요소)
요소의 앞/뒤에 생성요소를 붙임.

CSS 메모 

text-shadow:2px 2px 3px rgba(0,0,0,0.6);
border-radius:0 20px 20px 0;
box-shadow:5px 5px 5px rgba(0,0,0,0.4); 

파폭 하위버전에서는 custom 접두어가 필요하다.
(css3pie.com 에서 다운로드 받아서 파일을 적용하면 하위버전에서도 가능하다.)

-moz-border-radius:0 20px 20px 0;

-moz-box-shadow:5px 5px 5px rgba(0,0,0,0.4);

모질라 -moz-border-radius:0 20px 20px 0;
웹킷 -webkit-border-radius:0 20px 20px 0;
MS -ms-border-radius:0 20px 20px 0;
오페라 -o-border-radius:0 20px 20px 0;

Aptana 템플릿 설정
파일 생성시에 템플릿으로 적용해줄 내용을 설정 할 수 있다.
window> preferences 실행
Aptana > Editors > 원하는 파일 형식 선택.
우측 하단에 컨텐트를 수정해주면 된다.