IT스러운 공간

1. :first-child : 모든 부모 element의 첫번째 child element를 선택한다. : 문법 - $(":first-child") : 예) $("p:first-child") - 태그의 첫번째 자식이라는 뜻이 아님. 부모의 자식 중에서 태그가 첫번째인 것을 지정 : 부모의 첫번째 자식부모의 두번째 자식 - 이때 $("p:first-child")를 입력하면 태그의 가 부모의 두번째 자식이므로 선택되지 않는다. 2. :last-child : 모든 부모 element의 마지막번째 child element를 선택한다. : 문법 - $(":last-child") : 예) $("div:last-child") - 태그의 첫번째 자식이라는 뜻이 아님. 부모의 자식 중에서 태그가 첫번째인 것을 지정 : ..

1. :contains(string) : 특정 문자열을 포함하고 있는 요소를 선택한다. : string은 곧바로 문자열을 포함할 수도 있고, child element안에 포함할 수 도 있다. : 그룹 안에서 특정 텍스트를 포함하는 요소를 선택하고자 하는 다른 요소들과 흔히 같이 사용됨 : String은 대소문자 구별함 : 문법 - $(":contains(text)") : 예) $("p:contains(is)") 2. :empty() : empty element를 선택한다. : child elements 또는 text가 없는 element를 의미한다. : 문법 - $(":empty") : 예) $(":empty") : 스페이스 공백이 있을 경우에는 text가 있는 경우로 의미한다. 3. :has() : 지..

1. :animated : 현재 애니메이션의 모든 요소를 선택한다. : 문법 - $(":animated") : 예) $(":animated"), $("p:eq(1)"),animate({width:"100%"}, "slow") 2. : eq() : 특정 인덱스 번호를 가진 요소를 선택한다. 인덱스 번호는 0부터 시작, 대부분 그룹의 특정 인덱스 요소를 선택하기 위해 다른 selector와 함께 사용됨 : 문법 - $(":eq(index)") : 예제) $("p:eq(1)") 3. :even : 짝수 인덱스 번호를 선택한다. 다른 선택자와 함께 사용되어 짝수 인덱스 번호를 선택하는 역할을 한다. : 문법 - $(":even") : 예제) $("tr:even") 4. :odd : 홀수 인덱스 번호를 선택한다...