본문 바로가기

HTML

 (107)
[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) 등을 의미한다. 이 ..
[Javascript] 자바스크립트 date 클래스 사용하기 자바스크립트에서는 date 함수를 이용하여 특정 날짜나 현재 날짜 또는 시간을 출력할 수 있다.
[Javascript] 세자리 수 마다 콤마(,) 추가하기 input 창으로 숫자를 입력받아 세자리 수 마다 콤마(,)를 추가하는 함수를 만들어보자. 왜 $(document).ready()를 써야만 작동이 되는지는 아직 모르겠지만 $(document).ready()를 사용해서 페이지가 로드 됐을 때, 작동하게 한다. 방법은 1. 숫자를 받아서 문자열길이를 3으로 나눈 다음, 2. 나머지로 나온 숫자 인덱스부터 콤마(,)를 찍기 시작하면 된다. 3. 그래서 나머지 숫자만큼 문자열을 자르고 4. 콤마를 추가하고 5. 그 다음 3개 문자열을 잘라내고 6. 콤마를 추가하고 7. 그것을 반복한다. 그래서 while문으로 콤마가 찍힐 인덱스가 문자열 길이보다 커지면 끝나도록 설정한다. input으로 문자를 받아오는 방법 은 document.getElementById("in..
[Javascript] string 기초 배워보기 자바스크립트에서 string 타입을 다른 언어에서처럼 함수를 가지고 이용해볼 수 있다.

티스토리툴바