jQuery children(),each()
·
자바스크립트&jQuery
children( ) => 지정한 엘리먼트의 바로 아래 자식 노드 (parent( )는 부모 노드) each( ) => 각각 엘리먼트에 차례로 접근 Azit4u S2ang Hello http://azit4u.phps.kr/jquery/each.html
글자수 체크 하기
·
자바스크립트&jQuery
textarea 글자수 체크 하기 0byte http://azit4u.phps.kr/script/maxlength.html charAt(i) --> i번째 해당 되는 글자
javascript 메뉴
·
자바스크립트&jQuery
자바 스크립트 메뉴 만들기 메뉴1 메뉴1-1 메뉴2 메뉴2-1 메뉴2-2 메뉴3 메뉴3-1 메뉴3-2 메뉴3-3 확인:http://azit4u.phps.kr/menu/menu.html
jquery 기본 필터
·
자바스크립트&jQuery
필터 설명 :first 선택된 개체들 중 첫 번째 요소 :last 선택된 개체들 중 마지막 요소 :even 짝수 :odd 홀수 :eq(Index) 인덱스에 해당하는 요소 :gt(Index) 인덱스보다 높은 인덱스를 가진 요소 :lt(Index) 인덱스 봐 낮은 인덱스를 가진 요소 :header 모든 헤더 요소들( :animated 현재 에니메이션 중인 모든 요소
jquery 셀렉터
·
자바스크립트&jQuery
기본 셀렉터 필터 설명 $(“div”) 모든 div 엘리먼트 $(“div a”) Div의 자손 a 엘리먼트 $(“div>a”) Div의 바로 아래 자식 a 엘리먼트 $(“div~a”) Div의 다음에 나오는 모든 형제 a 엘리먼트 $(“div+a”) Div의 바로다음에 나오는 a 엘리먼트 $(“div.class”) 클래스 class를 가지는 div 엘리먼트 $(“div#id”) 아이디 id 를 가지는 div 엘리먼트 $(“div[name]”) 어트리뷰트 name을 가진 div 엘리먼트 $(“input[type=text]”) text 인 Type 어트리뷰트를 가지는 input 엘리먼트 $(“input[type^=te]”) te 로 시작하는 Type 어트리뷰트를 가지는 input 엘리먼트 $(“input[t..
javascript 롤링
·
자바스크립트&jQuery
확인:http://azit4u.phps.kr/script/roll.php
padding
·
웹표준&CSS
padding:A; - 상 하 좌 우 모두 a 값으로 패딩 적용 padding:TB RL; - 상하, 좌우 각각의 값이 같을 경우 사용 padding:T RL B; - 좌우 값이 같고 상하가 다를때 사용 padding:T R B L; - 상 우 하 좌
display,float,clear
·
웹표준&CSS
display:inline 이나 은 inline 속성을 가지고 있고 inline 의 특성상 left 정렬이 된다. block 속성은 한줄씩 출력된다 block의 정렬은 float 으로 정렬 (가운데 정렬 margin:0 auto) // width 값 설정 inline은 text-align 으로 졍렬 float 속성 none,left,right float 해준 후에 해당 정렬을 초기화 하기위해서 clear 해준다 clear 속성 left - 왼쪽 정렬 초기화 ,right - 오른쪽 정렬 초기화,both -모든 정렬 초기화
css 에서 id ,class
·
웹표준&CSS
id 는 # 으로 사용 class . 으로 사용 일겅우
display:inline; display:block;
·
웹표준&CSS
1 2 3 ------------- 1 2 3 -------------- div 의 경우 display 기본속성이 block 1 2 3 --------------- 123 --------------- span 의 경우 display 기본속성이 inline block 은 줄 바꿈 inline 은 줄바꿈 안됨 inline의 경우 상하 padding , width,height는 사용 불가
만두남
만두야닷컴