코드랩 레퍼런스

Definition :odd 셀렉터는 선택된 요소 중에서 홀수 번째 요소를 선택합니다. Syntax $(":odd").메서드; Compatibility 6 7 8 9 10 11 :odd Sample1 :odd() 예제입니다. 선택자(Selectors) :eq() 셀렉터는 선택된 태그의 인덱스 번호를 통해 선택합니다. :even 셀렉터는 선택된 태그의 짝수번째 요소를 찾아 선택합니다. :first 셀렉터는 선택된 태그의 첫 번째 요소를 찾아 선택합니다. :gt() 셀렉터는 선택된 태그에서 인덱스보다 큰 인덱스를 가지고 있는 태그를 선택합니다. :header 셀럭터는 제목요소(h1~h6) 태그들을 선택합니다. :lang() 셀렉터는 언어 속성이 설정된 태그를 선택합니다. :last 셀렉터는 선택된 요소 중에..

Definition :not() 셀렉터는 현재 선택한 요소의 반대 요소를 선택합니다. Syntax $(":not()").메서드; Compatibility 6 7 8 9 10 11 :not() Sample1 :not() 예제입니다. 선택자(Selectors) :eq() 셀렉터는 선택된 태그의 인덱스 번호를 통해 선택합니다. :even 셀렉터는 선택된 태그의 짝수번째 요소를 찾아 선택합니다. :first 셀렉터는 선택된 태그의 첫 번째 요소를 찾아 선택합니다. :gt() 셀렉터는 선택된 태그에서 인덱스보다 큰 인덱스를 가지고 있는 태그를 선택합니다. :header 셀럭터는 제목요소(h1~h6) 태그들을 선택합니다. :lang() 셀렉터는 언어 속성이 설정된 태그를 선택합니다. :last 셀렉터는 선택된 요소..

Definition :last 셀렉터는 선택된 요소 중에서 마지막 번째 요소를 선택합니다. Syntax $(":last").메서드; Compatibility 6 7 8 9 10 11 :last Sample1 :last 예제입니다. 선택자(Selectors) :eq() 셀렉터는 선택된 태그의 인덱스 번호를 통해 선택합니다. :even 셀렉터는 선택된 태그의 짝수번째 요소를 찾아 선택합니다. :first 셀렉터는 선택된 태그의 첫 번째 요소를 찾아 선택합니다. :gt() 셀렉터는 선택된 태그에서 인덱스보다 큰 인덱스를 가지고 있는 태그를 선택합니다. :header 셀럭터는 제목요소(h1~h6) 태그들을 선택합니다. :lang() 셀렉터는 언어 속성이 설정된 태그를 선택합니다. :last 셀렉터는 선택된 요소..

Definition :first 셀렉터는 선택된 태그의 첫 번째 요소를 찾아 선택합니다. Syntax $("div:first").메서드; Compatibility 6 7 8 9 10 11 :first Sample1 :first 예제입니다. 선택자(Selectors) :eq() 셀렉터는 선택된 태그의 인덱스 번호를 통해 선택합니다. :even 셀렉터는 선택된 태그의 짝수번째 요소를 찾아 선택합니다. :first 셀렉터는 선택된 태그의 첫 번째 요소를 찾아 선택합니다. :gt() 셀렉터는 선택된 태그에서 인덱스보다 큰 인덱스를 가지고 있는 태그를 선택합니다. :header 셀럭터는 제목요소(h1~h6) 태그들을 선택합니다. :lang() 셀렉터는 언어 속성이 설정된 태그를 선택합니다. :last 셀렉터는 선..

Definition :eq(index) 셀렉터는 선택된 태그의 인덱스 번호를 통해 선택합니다. Syntax $("div:eq(index)").메서드; Compatibility 6 7 8 9 10 11 :eq() Sample1 :eq() 예제입니다. 선택자(Selectors) :eq() 셀렉터는 선택된 태그의 인덱스 번호를 통해 선택합니다. :even 셀렉터는 선택된 태그의 짝수번째 요소를 찾아 선택합니다. :first 셀렉터는 선택된 태그의 첫 번째 요소를 찾아 선택합니다. :gt() 셀렉터는 선택된 태그에서 인덱스보다 큰 인덱스를 가지고 있는 태그를 선택합니다. :header 셀럭터는 제목요소(h1~h6) 태그들을 선택합니다. :lang() 셀렉터는 언어 속성이 설정된 태그를 선택합니다. :last 셀..

Definition 형제들 선택자 다음 형제 모든 태그를 선택합니다.(prev ~ siblings) Syntax $("div ~ ul").메서드; Compatibility 6 7 8 9 10 11 Next Siblings Sample1 형제들 선택자(Next Siblings Selector) 예제입니다. 선택자(Selectors) 기본 선택자(Basic) 계층 선택자(Hierarchy) Descendant Selector 모든 자식을 선택합니다. Child Selector는 바로 하위 자식만 선택합니다.(parent > child) Next Adjacent Selector 다음 형제 태그를 선택합니다.(prev + next) Next Siblings Selector 다음 형제 모든 태그를 선택합니다.(p..

Definition 형제 선택자 다음 형제 태그를 선택합니다.(prev + next) Syntax $("div + ul").메서드; Compatibility 6 7 8 9 10 11 Next Adjacent Sample1 형제 선택자(Next Adjacent Selector) 예제입니다. 선택자(Selectors) 기본 선택자(Basic) 계층 선택자(Hierarchy) Descendant Selector 모든 자식을 선택합니다. Child Selector는 바로 하위 자식만 선택합니다.(parent > child) Next Adjacent Selector 다음 형제 태그를 선택합니다.(prev + next) Next Siblings Selector 다음 형제 모든 태그를 선택합니다.(prev ~ sib..

Definition 자식 선택자는 바로 하위 자식만 선택합니다.(parent > child) Syntax $("div > ul").메서드; Compatibility 6 7 8 9 10 11 Child Sample1 자식 선택자(Child Selector) 예제입니다. 선택자(Selectors) 기본 선택자(Basic) 계층 선택자(Hierarchy) Descendant Selector 모든 자식을 선택합니다. Child Selector는 바로 하위 자식만 선택합니다.(parent > child) Next Adjacent Selector 다음 형제 태그를 선택합니다.(prev + next) Next Siblings Selector 다음 형제 모든 태그를 선택합니다.(prev ~ siblings) 기본필터 ..

Definition 자손 선택자 모든 자식을 선택합니다. Syntax $("div ul").메서드; Compatibility 6 7 8 9 10 11 Descendant Sample1 자손 선택자(Descendant Selector) 예제입니다. 선택자(Selectors) 기본 선택자(Basic) 계층 선택자(Hierarchy) Descendant Selector 모든 자식을 선택합니다. Child Selector는 바로 하위 자식만 선택합니다.(parent > child) Next Adjacent Selector 다음 형제 태그를 선택합니다.(prev + next) Next Siblings Selector 다음 형제 모든 태그를 선택합니다.(prev ~ siblings) 기본필터 선택자(Basic Fi..

Definition 다중 셀렉터는 여러가지 태그를 선택합니다. Syntax $("element, element, ....").메서드; Compatibility 6 7 8 9 10 11 element Sample1 다중 Element 예제입니다. 선택자(Selectors) 전체 셀렉터는 전체 태그를 선택합니다. 클래스 셀렉터는 클래스 태그를 선택합니다. 아이디 셀렉터는 아이디 태그를 선택합니다. 태그 셀렉터는 기본 태그를 선택합니다. 다중 셀렉터는 여러가지 태그를 선택합니다. 기본 선택자입니다. 선택자(Selectors) 선택자입니다. $("#one1").addClass("on");//아이디 선택자 $(".one2").addClass("on");//클래스 선택자 $("*").addClass("on"); /..

Definition 태그 셀렉터는 기본 태그를 선택합니다. Syntax $("element").메서드; Compatibility 6 7 8 9 10 11 element Sample1 Element 예제입니다. 선택자(Selectors) 전체 셀렉터는 전체 태그를 선택합니다. 클래스 셀렉터는 클래스 태그를 선택합니다. 아이디 셀렉터는 아이디 태그를 선택합니다. 태그 셀렉터는 기본 태그를 선택합니다. 다중 셀렉터는 여러가지 태그를 선택합니다. 기본 선택자입니다. 선택자(Selectors) 선택자입니다. $("#one1").addClass("on");//아이디 선택자 $(".one2").addClass("on");//클래스 선택자 $("*").addClass("on"); // 전체 선택자 $("li").add..

Definition 아이디 셀렉터는 아이디 태그를 선택합니다. Syntax $("#id").메서드; Compatibility 6 7 8 9 10 11 #id Sample1 아이디 선택자 예제입니다. 선택자(Selectors) 전체 셀렉터는 전체 태그를 선택합니다. 클래스 셀렉터는 클래스 태그를 선택합니다. 아이디 셀렉터는 아이디 태그를 선택합니다. 태그 셀렉터는 기본 태그를 선택합니다. 다중 셀렉터는 여러가지 태그를 선택합니다. 기본 선택자입니다. 선택자(Selectors) 선택자입니다. $("#one1").addClass("on");//아이디 선택자 $(".one2").addClass("on");//클래스 선택자 $("*").addClass("on"); // 전체 선택자 $("li").addClass(..

Definition 클래스 셀렉터는 클래스 태그를 선택합니다. Syntax $(".class").메서드; Compatibility 6 7 8 9 10 11 .class Sample1 Selector .class 예제입니다. 선택자(Selectors) 전체 셀렉터는 전체 태그를 선택합니다. 클래스 셀렉터는 클래스 태그를 선택합니다. 아이디 셀렉터는 아이디 태그를 선택합니다. 태그 셀렉터는 기본 태그를 선택합니다. 다중 셀렉터는 여러가지 태그를 선택합니다. 기본 선택자입니다. 선택자(Selectors) 선택자입니다. $("#one1").addClass("on");//아이디 선택자 $(".one2").addClass("on");//클래스 선택자 $("*").addClass("on"); // 전체 선택자 $("..

Definition (*)전체 셀렉터는 전체 태그를 선택합니다. Syntax $("*").메서드; Compatibility 6 7 8 9 10 11 * Sample1 sample 예제입니다. 선택자(Selectors) 전체 셀렉터는 전체 태그를 선택합니다. 클래스 셀렉터는 클래스 태그를 선택합니다. 아이디 셀렉터는 아이디 태그를 선택합니다. 태그 셀렉터는 기본 태그를 선택합니다. 다중 셀렉터는 여러가지 태그를 선택합니다. 기본 선택자입니다. 선택자(Selectors) 선택자입니다. $("#one1").addClass("on");//아이디 선택자 $(".one2").addClass("on");//클래스 선택자 $("*").addClass("on"); // 전체 선택자 $("li").addClass("on"..

CSS는 선택자를 통해 요소를 선택할 수 있습니다. CSS Selector 태그 유형 설명 버전 . .class {color:#fff;} 클래스 선택자 CSS1 # .id {color:#fff;} 아이디 선택자 CSS1 * * {color:#fff;} 전체 선택자 CSS2 element p {color:#fff;} 요소 선택자 CSS1 element, element p, div {color:#fff;} 그룹 선택자 CSS1 element element div p {color:#fff;} 후손 선택자 CSS1 element > element div > p {color:#fff;} 이웃 선택자 CSS2 element + element div > p {color:#fff;} 자식 선택자 CSS2 element..