Blog Content

출처http://zetawiki.com/wiki/JQuery_%EC%85%80%EB%A0%89%ED%84%B0 셀렉터 예시 설명 id, class, tag로 선택 ★★★ * $("*") 모든 요소들 #id $("#lastname") id가 "lastname"인 요소 .class $(".intro") 클래스가 "intro"인 요소들 .class,.class $(".intro,.demo") 클래스가 "intro" 또는 "demo"인 요소들 element $("p") 요소들 el1,el2,el3 $("h1,div,p") , and 요소들 처음, 마지막, 홀수, 짝수 선택 ★ :first $("p:first") 첫번째 요소 :last $("p:last") 마지막 요소 :odd $("tr:odd") 홀수번째 요소..

DOM Tree 모든 엘리먼트는 HTMLElement의 자식이다. HTMLElement는Element의 자식이고 Element는 Node의 자식이다. Node는 Object의 자식이다.이러한 관계를 DOM Tree 라고 한다.

기업 무료 라이선스 기업에서도 사용할 수 있는 무료 SoftWare.

NotoSansKR-Hestia 구글 웹 폰트 NotoSansKR 말그대로 웹폰트이다.. 네이버 나눔고딕이나 맑은고딕 정도라고 보면될듯.. 관련링크 http://theeluwin.github.io/NotoSansKR-Hestia/관련링크 https://www.google.co.kr/get/noto/ 사용법AWS S3를 CDN 삼아서 서빙하고 있습니다. 간단하게 한줄만 쓰면 바로 사용 가능! AWS S3를 개인 계정으로 사용하고 있었으나 비용 감당이 안되기 시작하여 rawgit으로 서빙하게 되었습니다. 안정성이 보장된 CDN이 아니므로, 자체적으로 서빙하시는걸 권장해 드립니다. 1cs 또는 1@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/m..

한글 Lorem Ipsum 디자인을 할때 더미텍스트로 사용할수있는 사이트 http://guny.kr/stuff/klorem/#/p-html

index() / text() / html() 매서드 HTML 123456789101112131415 메뉴1 메뉴2 메뉴3 메뉴4 메뉴5 메뉴6 메뉴7 메뉴8 메뉴9 메뉴10 jQuery 12345678$(function(){ /* index() / text() / html() 매서드 */ $('#gnb>li').on('click', function(){ var i = $(this).index(); $('.txt').text(i); $('.box').html(""+i+"") });});

HTML 123성인인증나이입력후 확인버튼 조건문 123456789101112131415$(function(){ $('button').on('click', function(){ var num = $('input').val(); // 변수 지역변수 선언 // 조건문 if(num == ""){ alert ("나이를 입력 하세요.") }else if(num >= 19){ alert ("성인 입니다.") }else if (num

애드센스를 이용하시는 분들이라면 알겠지만...스크립트 코드 위에 동기 비동기를 선택할 수 있다. 처음에 이게 뭔지 몰라서 궁금했는데 ..그렇게 큰 의미가 있는것은 아닌듯... 구글 애드센스 동기의미: 광고 코드가 웹페이지 로딩 중간에 실행 장점: 비동기식에 비해 광고 수익이 조금 높다. 단점: 구글 애드센스 광고가 뜰 때까지 그 이후 웹페이지 부분이 안 떠서 랙 걸린 것처럼 보일 수 있음. 구글 애드센스 비동기의미: 웹페이지 로딩이 모두 완료된 후, 구글 애드센스 광고가 뜸. 장점: 홈페이지 유저에게 쾌적한 인터넷 환경을 제공 단점: 동기식에 비해서 광고 수익이 낮다.

jQuery 버튼 효과 1. 롤오버 버튼2. 오버시 라인이 생성3. 좌측에서 우측으로 색상변경 1234567891011121314151617181920212223242526272829303132 버튼 /* 첫번째 버튼 */ button1 button2 button3 button4 /* 두번째 버튼 */ button5 button6 button7 button8 /* 세번째 버튼 */ button9 TEXT button10 TEXT button11 TEXT button12 TEXT 1234567891011121314151617181920212223242526272829#btn button { position:relative; display: block; float:left; width:225px; heigh..

/* 연산자 */ 1. 산술 연산자+, -, *, /, %, ++, --'%' 나머지값 var a=0%5; a = 0;변수의 값을 나머지값을 출력 !중요 '++' : 변수의 값을 1씩 증가 '--' : 변수의 값을 1씩 감소 "a = a+1 > a++ 와 같은 의미 " 2. 대입연산자=, +=, -=, *=, /=, %="a = a+1; a+=1 a++ 와 같은 의미 " 3. 비교연산자 =, '==' : 값만 비교한다. 4=='4' true' ===' 값과 속성을 비교한다. 4==='4' false'!=' 같지 않다. 4!=3; true'!==' 완전히 같지 않다. 1. (1 == '1') ; true2. (1!= '1') ; false3. (1 === '1') ; false4. (1 !== '1') ;..