728x90 반응형 SMALL JAVASCRIPT21 Javascript Jquery Array related method 자바스크립트 제이쿼리 배열 관련 메서드 1. each() / $.each() 메서드** $("요소 선택").each(function) $.each($("요소 선택"), function) 배열에 저장된 문서 객체 만큼 메서드가 반복 실행 됨. 배열에 저장된 객체의 인덱스 순서대로 하나씩 접근하여 객체를 선택하고 인덱스를 구함. 선택자로 선택한 요소(문서객체)는 배열에 순서대로 저장됨. 이 메서드는 배열에 저장된 요소를 순서대로 하나씩 선택하면서 인덱스 정보를 가져 옴. $("요소선택").each(function(매개변수1, 매개변수2){}) $.each($("요소 선택"), function(매개변수1, 매개변수2){}) 배열에 저장된 요소의 개수만큼 메서드를 반복 실행 함. 메서드를 실행할 때 마다 매개변수1, 매개변수2에는 배열에 저장된 요소.. 2022. 5. 11. Javascript Jquery Selector 제이쿼리 탐색 선택자 # first / last 선택자 탐색 선택자 내용1 내용2 내용3 내용4 # even / odd 선택자 탐색 선택자 내용1 내용2 내용3 내용4 # eq / lt / gt 선택자 탐색 선택자 내용1 내용2 내용3 내용4 내용5 # first-of-type / last-of-type 선택자 탐색 선택자 내용1-1 내용1-2 내용1-3 내용1-4 내용2-1 내용2-2 내용2-3 내용2-4 내용2-5 # nth-child / nth-last-of-child 선택자 탐색 선택자 내용1-1 내용1-2 내용1-3 내용1-4 내용2-1 내용2-2 내용2-3 내용2-4 내용2-5 # only-child / slice 선택자 탐색 선택자 내용1-1 내용1-2 내용1-3 내용1-4 내용2-1 출처 : doit javas.. 2022. 5. 10. Javascript Jquery Selector 자바스크립트 제이쿼리 선택자 2 # 종속 선택자 제이쿼리 선택자 인접 선택자 직접 선택자 # 부모 요소 선택자 DOCTYPE html> 인접 관계 선택자 리스트1 리스트1-1 리스트1-2 리스트2 리스트3 # 하위 요소 선택자 인접 관계 선택자 내용1 하위 요소 선택자 내용2 # 자식 요소 선택자 인접 관계 선택자 내용1 자식 요소 선택자 내용2 # 형 / 동생 요소 선택자 인접 관계 선택자 내용1 내용2 내용3 내용4 # 전체 형 / 동생 요소 선택자 인접 관계 선택자 내용1 내용2 내용3 내용4 # 전체 형제 요소 선택자 인접 관계 선택자 내용1 내용2 내용3 내용4 # 범위 제한 전체 형 / 동생 요소 선택자 선택자 내용1 내용2 내용3 내용4 내용5 내용6 # 상위 요소 선택자 선택자 내용1 내용2 # 가장 가까운 상위 요소 선.. 2022. 5. 9. Javascript Jquery Selector 자바스크립트 제이쿼리 선택자 1 # 제이쿼리 선택자 기본 제목 # 전체 선택자 제이쿼리 선택자 직접 선택자 # 아이디 선택자 제이쿼리 선택자 직접 선택자 # 클래스 선택자 제이쿼리 선택자 직접 선택자 # 요소명 선택자 제이쿼리 선택자 직접 선택자 # 그룹 선택자 제이쿼리 선택자 인접 선택자 직접 선택자 2022. 5. 8. 이전 1 2 3 4 5 6 다음 728x90 반응형 LIST