도드넷

At night we're painting your trash gold while you sleep, crashing not like hips or cars! No more like. p.p.p.p parties! JAVASCRIPT#40 - jQuery 브라우저 이벤트 SCROLL() 1. 브라우저 이벤트- 브라우저 관련해서 사용자에 의한 이벤트 발생 창크기 조절 resize, 스크롤 scroll 이벤트 존재- 주의 : scroll 이벤트는 브라우저를 힘들게하는 개적화요소로 작용할 수 있으므로 절대 하위에 함수 함부로 넣지말것. 2. scroll()- 스크롤 발생시 발동하는 함수로 window를 셀렉터로 놓고 자주쓴다. 3. HTML에 사진넣기 태그 4. 스크롤 위치 및 브라우저 전체 세로길이 읽기 -..

I didn't see this coming why don't you start me up? JAVASCRIPT#39 - jQuery 키보드 인식 이벤트 1. 제이쿼리 키보드 인식관련 핵심 명령어- keydown(function(e){}), keyup(function(e){}) - e? : e는 event의 약자로 which 키워드와 함께 누르거나 땐 키번호를 반환하는 역할을 한다. 2. keydown 키코드 번호 모음 ← (37)↑ (38)→ (39)↓ (40) Enter(13)Space bar(32) w (87) a (65) s (83) d (68) q (81) w (87) e (69) r (82) 자바스크립트 jQuery 키바인딩 키보드 이벤트 키보드 인식 + 물체 이동하기 예제 깨달은 점 1. 키..

This song sounds like a dance song! JAVASCRIPT#38 - jQuery 이벤트와 맵핑 1. 이벤트와 맵핑란?- 이벤트는 어떤일이 벌어지는것이고 맵핑은 어떤 객체와 이벤트가 연결된 상태를 의미한다. 2. jQuery 이벤트 설정방법- $(셀렉터).bind("이벤트", 함수); 3. jQuery 마우스 이벤트- click : 클릭시 발생 - mouseover : 마우스 포인터가 들어오면 오면 발생- mouseout : 마우스 포인터가 나가면 발생 4. href 링크 줄없애는 방법 style="text-decoration: none;" 을 추가한다. 5. CSS 글씨 굵고 크게 하는방법 font-family: Impact, Charcoal, sans-serif; font-we..

The night that even night sleeps. JAVASCRIPT#37 - jQuery를 이용해서 HTML element 삭제및 이동 변경하기 1. HTML element 삭제하기- $(셀렉터).remove() 2. HTML element 복사하기 - $(셀렉터).clone().appendTo(넣을곳)- 만약 clone 메소드사용했는데 이벤트 작동이 안된다면, clone(true)를 써주면 된다. 3. HTML element 이동하기- HTML element를 다른 element로 이동시키려면 "안에넣기 명령어"인 append를 사용하면 구현가능. - $(셀렉터).appendTo(목적지). - HTML 문서상 이동임. 선택된 element는 목적지 안에 들어가게 됨. - 혹은 $(목적지)...

OMG. PONY TAIL RARITY ♥♥♥♥ SO CUTE AND DIVINE :3 JAVASCRIPT#36 - DOM 객체제어 1부 HTML 내용추가하기 1. append() 메소드-선택된 요소뒤에 html 내용 추가하기, 선택된 요소안에 html 내용 추가하기. 2. bind() 메소드- 이벤트 발생시 해당 함수작동시키기 - bind("이벤트", function) 3. appendTo() 메소드 - 선택된 요소를 해당 위치안에 넣기 - 자바스크립트 append와 appendTo의 차이? $("여기붙여").append("내용");$("내용").appendTo("여기붙여"); 4. prepend() 메소드- 앞에붙여- prependTo()는 위의 appendTo와 같이 위치를 매개변수로 전달받아야하는..

No turning back from this party, Put you through enough to come play JAVASCRIPT#35 - jQuery와 css에 대하여 1. jQuery를 통해 CSS 값 변경,접근 하는 방법 - $(셀렉터).css({css내용}); 2. offset vs position - offsent 오프셋이란 무엇일까? 오프셋은 상대위치가 아닌 document(전체) 기준 절대위치를 가져온다.- 반면 position은 부모 엘레멘트를 전체로 잡고 위치를 가져온다. 3. CSS 내용 세로 정렬하기 ★ display: flex; align-items: center;justify-content: center; 4. CSS 왼쪽위가 아니라 중심점 기준으로 움직이게 하기 to..

Don't stop, won't stop, can't stop. JAVASCRIPT#34 - jQuery 클래스 class 넣고빼기 1. jQuery 클래스 class 란? - 음.. 클래스는 일종의 분류 기준. 태그같은 느낌? 2. 클래스 추가하거나 빼기. - 클래스 추가하기 : $(셀렉터).addClass("클래스이름");- 클래스 삭제하기 : $(셀렉터).removeClass("클래스이름"); - 클래스 있는지 검사하기 : $(셀렉터).hasClass("클래스이름"); (true, false 반환) - 클래스 토글하기 : $(셀렉터).toggleClass("클래스이름"); * 토글? : 있으면 삭제 없으면 추가하는 기능. 3. 클래스로 DOM 오브젝트 선택하는 방법- 클래스로 선택하는 방법은 셀렉터..

This ain't gonna be easy JAVASCRIPT#33 - jQuery val() 메소드 1. val() 메소드란?- "value" 값을 설정하거나 알아내는 jQuery 메소드. 2. value 값 알내기- $(셀렉터).val() : 선택된 셀렉터의 첫번째 요소의 값을 리턴함. 3. value 값 설정하기- $(셀렉터).val(새값) : 선택된 셀랙터들의 value값을 새값으로 설정함. 간단한 val()메소드 예제 val() 얘는 input하고 쓰이는 "입력값"에 대한 메소드 인듯?

The dream, Where the night sleeps... JAVASCRIPT#32 - 자바스크립트 Attribute 속성 아트리뷰트 1. 자바스크립트 Attribute란?- 어떤 객체가 사용하는 옵션값을 의미한다. 프로퍼티랑도 비슷한데 프로퍼티는 객체가 가지는 어떤 어떤 값을 의미하고 아트리뷰트는 좀더 세부적인 옵션, 설정치를 의미한다고 본다. 2. LARGE - 위의 em요소는 굵게, 강조한 한문장을 나타내는 html 요소인데, title이라는 Attribute를 사용하고 있으며 값은 huge와 gigantic으로 설정되어 있다. 3. Attribute 불러오기및 수정하기- attr 메소드를 이용한다. - attr("Attribute이름") : 해당 아트리뷰트 값을 불러온다.- attr("At..

Drive so fast then leave it all behind just want to drive you to love. JAVASCRIPT#31 - jQuery 셀렉터 마무리 1.$("p").append($("div").map(function(){return $(this).text()}).get().join(",")); - append() : p 를 선택하고 다음에 () 내용을 추가하라- map() : 괄호안의 함수를 이용, 배열 재구성해서 반환 - text() : 해당 텍스트 컨텐츠로 선택한요소 내용을 대체함(REPLACE) - get() : 배열 내용 몽땅 가지고 오기- join(",") : 배열을 하나의 텍스트로 뭉쳐놓음.