일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- HTML
- float
- 메소드
- steak
- 자바스크립트
- 반응형
- 웹
- position
- 제이쿼리
- JavaScript
- 클리핑마스크
- 플렉스
- CSS
- web
- 판화
- CLIPING MASK
- flex
- 문자열 자르기
- 드롭다운메뉴
- MARGIN
- Photoshop
- Poster
- BNX사이트
- 사이드바
- jQuery
- IT
- Transform
- sideproject
- PHP
- 레이아웃
- Today
- Total
목록자바스크립트 (19)
코딩 슬라임 공방
See the Pen 관계연산자 == === by Lee Hoyeon (@nixpluvia) on CodePen.
참고사이트
스크롤의 방향을 확인하는 방법 스크롤의 방향을 확인하는 방법은 wheelDelta를 사용하면 확인 할 수 있다. 마우스휠(mousewheel) 이벤트에서 함수를 생성하고 함수의 매개변수에 event를 사용한다. event.wheelDelta 나 event.originalEvent.wheelDelta를 사용하면 값을 얻을 수 있다.\ 크롬에서는 아래로 내릴 때에는 -120의 값이 나오고 크롬에서는 위로 올릴 때에는 120의 값이 나온다 다른 브라우저에서는 다른 값이 나온다. 다른 브라우저의 값은 참고사이트에서 몇몇가지 확인 할 수 있다. 참고 사이트 참고 사이트
HTML canvas태그 웹페이지에서 그래픽적인 것을 그릴때 사용하는 태그이다. canvas 요소에는 width와 height 두 속성만 존재한다. 자세한 내용 참고 사이트 자바스크립트 .createElement() 요소를 만듭니다.참고사이트 .appendChild() 선택한 요소 안에 자식요소를 추가합니다. 제이쿼리 .append() 선택한 요소 안에 맨 뒤에 요소를 추가합니다.참고사이트 .attr()은 요소의 속성값을 가져오거나 속성 값을 추가합니다.참고사이트
부모요소 선택 메소드 제이쿼리에서 가장 많이 사용되는 부모요소를 반환하는 메소드는 아래의 3가지입니다. .parent() 해당요소의 바로 위의 부모를 반환 .parents() 해당요소의 모든 부모을 반환 .closest('부모요소') 해당요소의 모든 부모 중 특정 대상만 반환 ex) $('요소').parent() ex) $('요소').parents() ex) $('요소').closest('특정 부모요소')
형제(sibling)요소의 탐색 .siblings() 선택한 요소의 형제(sibling) 요소 중에서 지정한 선택자에 해당하는 요소를 모두 선택한다 .next() 선택한 요소의 바로 다음에 위치한 형제 요소를 선택한다. .nextAll() 선택한 요소의 다음에 위치한 형제 요소를 모두 선택한다. .nextUntil() 선택한 요소의 형제 요소 중에서 지정한 선택자에 해당하는 요소 바로 이전까지의 요소를 모두 선택한다. .prev() 선택한 요소의 바로 이전에 위치한 형제 요소를 선택한다. .prevAll() 선택한 요소의 이전에 위치한 형제 요소를 모두 선택한다. .prevUntil() 선택한 요소의 형제 요소 중에서 지정한 선택자에 해당하는 요소 바로 다음까지의 요소를 모두 선택한다. 형제 요소 탐색 ..
기존요소의 내부에 추가 .append() 선택된 요소의 마지막에 새로운 요소나 콘텐츠를 추가한다. .prepend() 선택된 요소의 첫번째에 새로운 요소나 콘텐츠를 추가한다. .appendTo() 선택된 요소를 해당 요소의 마지막에 추가한다. .prependTo() 선택된 요소를 해당 요소의 첫번째에 추가한다. ex) $(target).append(source) 기존요소의 외부에 추가 .before() 선택한 요소의 바로 앞쪽에 새로운 요소나 콘텐츠를 추가한다. .after() 선택한 요소의 바로 뒤쪽에 새로운 요소나 콘텐츠를 추가한다. .insertBefore() 선택한 요소를 해당 요소의 앞쪽에 추가한다. .insertAfter() 선택한 요소를 해당 요소의 뒤쪽에 추가한다. ex) $(target)..
.repeat() 문자열을 반복해주는 기능을 가지고 있는 메서드 이다. ex ) "abc".repeat(2) 는 "abcabc"를 반환해준다. parseFloat( string ) 문자열을 실수로 바꾸는 함수입니다. 수로 시작할 때 그 수를 실수로 바꿉니다. 띄어 쓰기로 여러 개의 수가 있으면 첫번째 수만 바꿉니다. 공백으로 시작하면 공백은 무시합니다. 수가 아닌 문자로 시작하면 NaN을 반환합니다. ex ) parseFloat("3.14") 는 3.14 를 반환해준다. parseInt( string , n ) 문자열을 정수로 바꾸는 함수입니다. string을 n진법일 때의 값으로 바꿉니다. n은 옵션으로 2부터 36까지 입력할 수 있습니다. 입력하지 않으면 10으로 처리합니다. string의 처리는 p..