비전공자 개발일기

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..

Click Me! Click me to change the 'checked' property with jQuery Click me to manually trigger 'change' Click me to manually trigger 'click' change click

선택한 요소의 저장 첫 번째 두 번째 세 번쨰 네 번쨰 다섯 번째 선택된 요소의 길이?? 선택한 요소의 필터링 아이템 아이템 아이템 아이템 아이템 필터링 필터링 선택자 선택자 설명 :eq(n) 선택한 요소 중에서 인덱스가 n인 요소를 선택함. :gt(n) 선택한 요소 중에서 인덱스가 n보다 큰 요소를 모두 선택함. :lt(n) 선택한 요소 중에서 인덱스가 n보다 작은 요소를 모두 선택함. :even 선택한 요소 중에서 인덱스가 짝수인 요소를 모두 선택함. :odd 선택한 요소 중에서 인덱스가 홀수인 요소를 모두 선택함. :first 선택한 요소 중에서 첫 번째 요소를 선택함. :last 선택한 요소 중에서 마지막 요소를 선택함. :animated 선택한 요소 중에서 애니메이션 효과가 실행 중인 요소를 모..