목록jquery (9)
코드랩 레퍼런스
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 :header 셀럭터는 제목요소(h1~h6) 태그들을 선택합니다. Syntax $(":header").메서드; Compatibility 6 7 8 9 10 11 :header Sample1 :header 예제입니다. 선택자(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 다중 셀렉터는 여러가지 태그를 선택합니다. Syntax $("element, element, ....").메서드; Compatibility 6 7 8 9 10 11 element Sample1 다중 Element 예제입니다. 선택자(Selectors) 전체 셀렉터는 전체 태그를 선택합니다. 클래스 셀렉터는 클래스 태그를 선택합니다. 아이디 셀렉터는 아이디 태그를 선택합니다. 태그 셀렉터는 기본 태그를 선택합니다. 다중 셀렉터는 여러가지 태그를 선택합니다. 기본 선택자입니다. 선택자(Selectors) 선택자입니다. $("#one1").addClass("on");//아이디 선택자 $(".one2").addClass("on");//클래스 선택자 $("*").addClass("on"); /..
.siblings() 메서드는 선택한 요소의 모든 형제 요소를 선택합니다. Definition .siblings() 메서드는 선택한 요소의 모든 형제 요소를 선택합니다. Syntax $("selector").siblings("selector"); Compatibility 6 7 8 9 10 11 .siblings() Sample1 .siblings() 메서드 예제입니다. 탐색(Traversing) 트리구조 탐색(Tree Traversal) .children() 메서드는 선택한 요소의 모든 자식을 선택합니다. .closest() 메서드는 선택한 요소의 상위 요소 중 가장 가까운 요소를 선택합니다. .find() 메서드는 선택한 요소에서 조건에 맞는 요소를 다시 선택합니다. .next() 메서드는 선택한 요..
.innerHeight() 메서드는 선택한 요소의 높이(패딩 포함, 보더 불포함)를 반환합니다. Definition .innerHeight() 메서드는 선택한 요소의 높이(패딩 포함, 보더 불포함)를 반환합니다. Syntax $(selector).innerHeight(); Compatibility 6 7 8 9 10 11 .height() Sample 선택한 요소의 속성 값을 가져옵니다. box의 크기는? 박스의 width = 0px 박스의 height = 0px 박스의 innerWidth = 0px 박스의 innerHeight = 0px 박스의 outerWidth = 0px 박스의 outerHeight = 0px 이 문서의 크기는 = 0px 이 브라우저의 크기는 = 0px box의 크기는? 박스의 wi..
.height() 메서드는 선택한 요소의 높이를 설정하거나 반환합니다. Definition .height() 메서드는 선택한 요소의 높이를 설정하거나 반환합니다. Syntax $(selector).height(); $(selector).height(속성값); $(selector).height(함수); Compatibility 6 7 8 9 10 11 .height() Sample 선택한 요소의 속성 값을 가져옵니다. box의 크기는? 박스의 width = 0px 박스의 height = 0px 박스의 innerWidth = 0px 박스의 innerHeight = 0px 박스의 outerWidth = 0px 박스의 outerHeight = 0px 이 문서의 크기는 = 0px 이 브라우저의 크기는 = 0px ..
Selectors 속성 설명 기본 선택자(Basic) * 전체 셀렉터는 전체 태그를 선택합니다. .class 클래스 셀렉터는 클래스 태그를 선택합니다. #id 아이디 셀렉터는 아이디 태그를 선택합니다. element 태그 셀렉터는 기본 태그를 선택합니다. element, element 다중 셀렉터는 여러가지 태그를 선택합니다. 계층 선택자(Hierarchy) Descendant Selector 자손 선택자 모든 자식을 선택합니다. Child Selector 자식 선택자는 바로 하위 자식만 선택합니다.(parent > child) Next Adjacent Selector 형제 선택자 다음 형제 태그를 선택합니다.(prev + next) Next Siblings Selector 형제들 선택자 다음 형제 모든..