본문 바로가기

HTML/jQuery 기초

(14)
[jQuery] 부모 노드 해당 노드의 부모 노드(상위 노드)를 찾을 수 있다. 샘플 페이지(div, id=samplePage, class=page) 헤더 영역(div, id=header) 노드 찾기(div, id=content, class=sample-content) 일반 노드 찾기(ul, class=menu) id로 찾기(li, data-value=1) tag로 찾기(li, class=select) class로 찾기(li, data-value=2) 속성으로 찾기(li, class=test1) 자식 노드 찾기(div, class=content-data) 1. 모든 자식 노드 찾기(p, class=test1) 2. 특정 자식 노드만 찾기(p) 3. 마지막 자식 노드 찾기(p, class=test2) 푸터 영역(div, id=foo..
[jQuery] 자식 노드 children()을 이용하여 해당 노드의 자식 노드를 확인할 수 있다. children().first() : 자식 노드 중에 첫번째 children().last() : 자식 노드 중에 마지막 샘플 페이지(div, id=samplePage, class=page) 헤더 영역(div, id=header) 노드 찾기(div, id=content, class=sample-content) 일반 노드 찾기(ul, class=menu) id로 찾기(li, data-value=1) tag로 찾기(li, class=select) class로 찾기(li, data-value=2) 속성으로 찾기(li, class=test1) 자식 노드 찾기(div, class=content-data) 1. 모든 자식 노드 찾기(p, cla..
[jQuery] 노드 찾기 - 4 1. 노드 필터링 2. 해당 노드의 자식노드 찾기 find(노드) 3. 해당 노드의 index 값 구하기 샘플 페이지(div, id=samplePage, class=page) 헤더 영역(div, id=header) 노드 찾기(div, id=content, class=sample-content) 일반 노드 찾기(ul, class=menu) id로 찾기(li, data-value=1) tag로 찾기(li, class=select) class로 찾기(li, data-value=2) 속성으로 찾기(li, class=test1) 자식 노드 찾기(div, class=content-data) 1. 모든 자식 노드 찾기(p, class=test1) 2. 특정 자식 노드만 찾기(p) 3. 마지막 자식 노드 찾기(p, c..
[jQuery] 노드 찾기 - 3 클릭버튼 노드를 클릭하여 이벤트를 실행한다. 버튼 버튼을 클릭하면 안에 있는 value가 바뀌는 이벤트가 실행된다.
[jQuery] 노드 찾기 - 2 $엘레멘트이름 = $("엘레멘트"); $엘레멘트이름.length = 노드의 개수 $엘레멘트이름.css("border", "4px solid red"); : 해당 노드를 웹페이지에 표시해 볼 수 있다.(CSS 이용) $엘레멘트이름.eq(index); : 해당 index의 노드를 선택한다. $엘레멘트이름.get(index); 해당 index의 노드 객체를 가져온다. $엘레멘트이름.each(function(index){}); : 해당 index의 각각 function을 실행한다. 샘플 페이지(div, id=samplePage, class=page) 헤더 영역(div, id=header) 노드 찾기(div, id=content, class=sample-content) 일반 노드 찾기(ul, class=menu)..
[jQuery]노드 찾기 - 1 노드 네트워크에서 연결 포인트 혹은 데이터 전송의 종점 혹은 재분배점을 말한다. 일반적으로 네트워크에서 노드란 연결 지점을 말하며, 다른 노드로의 데이터 전송을 인식하고 처리(process)하거나 전달(forward)할 수 있도록 프로그램 되어 있다. 컴퓨터 네트워크에서 물리적 노드란 네트워크에 붙어서 전송할 정보를 만들고, 통신 채널 상으로 이를 주고 받는 활성화된 전자 기기를 일컫는다. 노드는 네트워크의 여러 계층에 따라 정의될 수 있는데, 만약 근거리 네트워크(LAN)나 원거리 네트워크(WAN: 광역통신망)를 대상으로 한다면 네트워크 상의 모든 노드는 유일한 네트워크 주소 즉, MAC주소를 가지는 컴퓨터, 패킷 스위치, 이더넷 카드 및 무선 LAN AP(Access Point) 등을 의미한다. 이 ..