일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- MAC
- css3
- 개발자
- 자바스크립트
- html5
- CSS
- php
- jQuery
- react
- xcode
- keyframes
- button
- 비전공자
- ipad
- 비전공 개발자
- iOS 개발자
- 백엔드
- 애니메이션
- hover
- iPhone
- front-end
- effect
- javascript
- 프론트엔드
- IOS
- 풀스택
- Animation
- image
- SWIFT
- HTML
- Today
- Total
목록javascript (248)
비전공자 개발일기
css() 선택한 요소 집합의 첫 번째 요소의 스타일 속성값을 반환하거나, 선택한 요소의 스타일 속성을 인수로 전달받은 값으로 설정 스타일설정 모든 단락의 CSS 스타일 변경 스타일 설정 이 단락에 여러 CSS 스타일 적용 글자 크기 변경 배경색 변경 이 단락에 여러 CSS 스타일 적용 attr(), removeAttr() 선택한 요소 집합의 첫번째 요소의 지정된 속성값을 반환하거나, 선택한 요소의 지정된 속성을 전달받은 값으로 설정 속성값 설정 속성값 제거 이 단어에 title 속성 설정 아래 버튼을 누른 후 단어 위로 마우스 이동해보기 prop(), removeProp() 선택한 요소 집합의 첫번째 요소의 지정된 프로퍼티값(checked, 등등)을 반환하거나, 선택한 요소의 지정된 프로퍼티를 전달받은..
first(), last() first()는 선택한 요소 중에서 첫번째 요소를 선택 last()는 선택한 요소 중에서 마지막 요소를 선택 first() last() 첫 번째 두 번쨰 세 번째 네 번째 eq() 선택한 요소 중에서 전달받은 인덱스에 해당하는 요소를 선택 선택한 요소 집합의 맨 처음 요소를 인덱스 0으로 놓고, 앞에서부터 검색 음의 정수도 인수로 전달받을 수 있는데, 이 경우 맨 마지막 요소가 -1 eq(1) eq(-1) filter() 선택한 요소 중에서 전달받은 선택자에 해당하거나, 함수 호출의 결과가 참(true)인 요소를 모두 선택 이 메소드는 인수로 선택자나 제이쿼리 객체, HTML DOM 요소 등을 전달받을 수 있음 또한, 요소 집합의 각 요소를 검사할 수 있는 함수를 전달할 수도..
first(), last() first()는 선택한 요소 중에서 첫번째 요소를 선택 last()는 선택한 요소 중에서 마지막 요소를 선택 first() last() 첫 번째 두 번쨰 세 번째 네 번째 eq() 선택한 요소 중에서 전달받은 인덱스에 해당하는 요소를 선택 선택한 요소 집합의 맨 처음 요소를 인덱스 0으로 놓고, 앞에서부터 검색 음의 정수도 인수로 전달받을 수 있는데, 이 경우 맨 마지막 요소가 -1 eq(1) eq(-1) filter() 선택한 요소 중에서 전달받은 선택자에 해당하거나, 함수 호출의 결과가 참(true)인 요소를 모두 선택 이 메소드는 인수로 선택자나 제이쿼리 객체, HTML DOM 요소 등을 전달받을 수 있음 또한, 요소 집합의 각 요소를 검사할 수 있는 함수를 전달할 수도..
트리 탐색 특정 요소로부터 다른 요소들과의 관계를 통해 선택하길 원하는 요소까지 DOM트리를 검색해 나아가는 과정 조상 요소 탐색 형제 요소 탐색 자손 요소 탐색 조상 요소의 탐색 parent() 선택한 요소의 부모 요소를 선택 선택자를 인수로 전달하여, 전달받은 선택자에 해당하는 부모 요소만을 선택할 수도 있음 p요소의 부모 요소 div요소 div요소 ul요소 li요소 li요소 p 요소(기준) span 요소 li요소 parents() 선택한 요소의 조상 요소를 모두 선택 선택자를 인수로 전달하여, 전달받은 선택자에 해당하는 조상 요소만을 선택할 수도 있음 p요소의 조상 요소 parentsUntil() 선택한 요소의 조상 요소중에서 전달받은 선택자에 해당하는 요소 바로 이전까지의 요소만을 모두 선택 선택..
clone() 선택한 요소를 복사하여 새로운 요소를 생성 아이템 복사 첫 번째 두 번째 세 번째 replaceAll() 선택한 요소를 지정된 요소로 대체 이 메소드는 인수로 선택자나 제이쿼리 객체, HTML DOM 요소, 배열 등을 전달받을 수 있음 아이템 대체 첫 번째 두 번째 세 번째 replaceWith() 선택한 요소를 지정된 요소로 대체 이 메소드는 인수로 HTML 코드 형식의 문자열이나 제이쿼리 객체, HTML DOM 요소, 배열 등을 전달받을 수 있음 또한, 선택한 요소를 대체할 수 있는 컨텐츠를 반환하는 함수를 인수로 전달받을 수도 있음 지정된 요소로 대체되어 제거된 기존 요소를 반환 아이템 대체 첫 번째 두 번째 세 번째 remove() 선택한 요소를 DOM 트리에서 삭제 이때 삭제되는 ..
append() 선택한 요소의 '마지막'에 새로운 요소나 콘텐츠를 추가 1 번째 2 번째 3 번째 아이템 추가 prepend() 선택한 요소의 '처음'에 새로운 요소나 콘텐츠를 추가 1 번째 2 번째 3 번째 아이템 추가 appendTo() 선택한 요소를 '해당 요소의 마지막'에 삽입 그 동작은 .append() 메소드와 같지만, 소스(source)와 타겟(target)의 위치가 서로 반대 1 번째 2 번째 3 번째 1 번째 아이템 추가 2 번째 아이템 추가 3 번째 아이템 추가 prependTo() 선택한 요소를 '해당 요소의 처음'에 삽입 그 동작은 .prepend() 메소드와 같지만, 소스(source)와 타겟(target)의 위치가 서로 반대 1 번째 2 번째 3 번째 콘텐츠 추가 기존 요소의 내..
METHOD 아래의 버튼을 누르면 다음 단락에 새로운 텍스트를 설정할 수 있음! New Text 메소드 체이닝 첫 번째 두 번째 세 번째 네 번째 다섯 번째 선택 첫 번째 두 번째 세 번째 네 번째 다섯 번째 선택 width(), height() 아래의 버튼을 누르면 다음 div 요소의 크기를 읽어오거나 줄일 수 있음! 크기 읽어오기! 크기 줄이기! attr() 아래의 버튼을 누르면 다음 이미지 변경 가능! 속성 변경 대표적인 getter 메소드와 setter 메소드 메소드 설명 .html() 해당 요소의 HTML 콘텐츠를 반환하거나 설정 .text() 해당 요소의 텍스트 콘텐츠를 반환하거나 설정 .width() 선택한 요소 중에서 첫 번째 요소의 너비를 픽셀 단위의 정수로 반환하거나 설정 .height..